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

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

/* Skin developement notes:
   * When adding skinning information to this file, we keep the same basic component
     order that is present in skyros-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.
*/

/* Alta Color Aliases (in alphabetical order)

   Alta 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/ALTA+Skin
        http://http://aseng-wiki.us.oracle.com/asengwiki/display/ASDevADFFaces/Alta+Color+Alias+Definitions
   
   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. */

/*  Derivatives of AFBackground2Color, hsl(204, 15%, 87%), #D9DFE3 */
.AFAccordionBorderColor:alias {
  color: #D9DFE3;
}

/*  Derivatives of AFAccordionHeaderGradientStartColor, hsl(0, 0%, 94%), #F0F0F0 */
.AFAccordionHeaderGradientEndColor:alias {
  color: #F0F0F0;
}

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

/*  Anchor, hsl(207, 95%, 42%), #0572ce */
.AFActiveColor:alias {
  color: #0572ce;
}

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

/*  Derivatives of AFBackground2Color, hsl(204, 15%, 87%), #D9DFE3 */
.AFBackground2BorderColor:alias {
  color: #D9DFE3;
}

/*  Anchor, hsl(0, 0%, 94%), #F0F0F0 */
.AFBackground2Color:alias {
  color: #F0F0F0;
}

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

/*  Anchor, hsl(0, 0%, 100%), #FFFFFF */
.AFBackgroundColor:alias {
  color: #FFFFFF;
}
/*  Anchor, hsl(0, 0%, 96%), #F5F5F5 */
.AFBrandingBackgroundColor:alias {
  color: #F5F5F5;
}

/*  Anchor, hsl(204, 15%, 87%), #D9DFE3 */
.AFBrandingBorderColor:alias {
  color: #D9DFE3;
}

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

/*  Anchor, hsl(209, 78%, 35%), #145c9e */
.AFBrandingLinkActiveColor:alias {
  color: #145c9e;
}

/*  Anchor, hsl(209, 78%, 35%), #145c9e */
.AFBrandingLinkColor:alias {
  color: #145c9e;
}

/*  Anchor, hsl(0, 0%, 62%), #9e9e9e */
.AFBrandingLinkDisabledColor:alias {
  color: #9e9e9e;
}

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

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

/*Branding bar Link aliases - Start*/
.AFBrandingLinkForeground:alias{
  color:  -tr-property-ref(".AFBrandingLinkColor:alias","color");
  text-decoration: none;
 -tr-rule-ref: selector(".AFDefaultFont:alias");
}

.AFBrandingLinkActiveForeground:alias{
  color:  -tr-property-ref(".AFBrandingLinkActiveColor:alias","color");
  text-decoration: underline;
}

.AFBrandingLinkVisitedForeground:alias{
  color:  -tr-property-ref(".AFBrandingLinkVisitedColor:alias","color");
  text-decoration: none;
}

.AFBrandingLinkHoverForeground:alias{
  color:  -tr-property-ref(".AFBrandingLinkHoverColor:alias","color");
  text-decoration: underline;
}

.AFBrandingLinkDisabledForeground:alias{
  color:  -tr-property-ref(".AFBrandingLinkDisabledColor:alias","color");
  text-decoration: none;
}

.AFBrandingLinkSelectedForeground:alias{
  color:  -tr-property-ref(".AFBrandingLinkColor:alias","color");
  text-decoration: none;
  font-weight: bold;
}

/*  Derivatives of AFActiveColor, hsl(207, 95%, 41%), #0572ce */
.AFButtonActiveColor:alias {
  color: #0572ce;
}

/*  Derivatives of AFButtonActiveColor, hsl(207, 95%, 41%), #0572ce */
.AFButtonBorderActiveColor:alias {
  color: #0572ce;
}

/*  Anchor, hsl(208, 19%, 81%), #c4ced7 */
.AFButtonBorderColor:alias {
  color: #c4ced7;
}

/*  Derivatives of AFButtonDisabledColor, hsl(208, 22%, 90%), #E0E6EB */
.AFButtonBorderDisabledColor:alias {
  color: #E0E6EB;
}

/*  Derivatives of AFButtonBorderColor, hsl(208, 19%, 81), #c4ced7 */
.AFButtonBorderHoverColor:alias {
  color: #c4ced7;
}

/*  Anchor, hsl(200, 16%, 96%), #f4f6f7 */
.AFButtonDisabledColor:alias {
  color: #f4f6f7;
}

/*  Derivatives of AFButtonGradientStartColor, hsl(200, 13%, 92%), #E4E8EA */
.AFButtonGradientEndColor:alias {
  color: #E4E8EA;
}

/*  Anchor, hsl(200, 09%, 87%), #FFFFFF */
.AFButtonGradientStartColor:alias {
  color: #FFFFFF;
}

/*  Derivatives of AFButtonGradientEndColor, hsl(200, 12%, 95%), #f1f3f4 */
.AFButtonGradientStop1Color:alias {
  color: #f1f3f4;
}

/*  Derivatives of AFButtonGradientEndColor, hsl(200, 12%, 92%), #E8EBED */
.AFButtonGradientStop2Color:alias {
  color: #E8EBED;
}

/*  Anchor, hsl(210, 14%, 97%), #f7f8f9 */
.AFButtonHoverColor:alias {
  color: #f7f8f9;
}

/*  Derivatives of AFButtonActiveColor, hsl(207, 67%, 71%), #85bbe7 */
.AFButtonHoverSecondaryColor:alias {
  color: #85bbe7;
}

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

/*  Derivatives of AFButtonActiveColor, hsl(207, 95%, 42%), #0572ce */
.AFButtonTextHoverColor:alias {
  color: #0572ce;
}

/*  Gourmet, hsl(210, 100%, 98%), #f3f9ff */
.AFCalendarTodayBackgroundColor:alias {
  color: #f3f9ff;
}

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

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

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

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

/*  Gourmet, hsl(0, 0%, 98%), #fafafa */
.AFCodeEditorBackgroundReadOnlyColor:alias {
  color: #fafafa;
}

/*  Gourmet, hsl(206, 24%, 87%), #d6dfe6 */
.AFCodeEditorBorderColor:alias {
  color: #d6dfe6;
}

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

/*  Gourmet, hsl(216, 45%, 98%), #f7f9fc */
.AFCodeEditorLineGutterBackgroundColor:alias {
  color: #f7f9fc;
}

/*  Gourmet, hsl(206, 24%, 87%), #d6dfe6 */
.AFCodeEditorLineGutterBorderColor:alias {
  color: #d6dfe6;
}

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

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

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

/*  Gourmet, hsl(0, 0%, 62%),  #9e9e9e */
.AFCodeEditorTextDisabledColor:alias {
  color: #9e9e9e;
}

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

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

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

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

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

/*  Gourmet, hsl(201, 25%, 43%), #527689 */
.AFDateNextColor:alias {
  color: #527689;
}

/*  Anchor, hsl(0, 0%, 98%), #FAFAFA */
.AFDecorativeColor:alias {
  color: #FAFAFA;
}

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

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

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

/*  Anchor, hsl(200, 14%, 89%), #DFE4E7 */
.AFFormControlContentBorderColor:alias {
  color: #DFE4E7;
}

/*  Derivatives of AFFormControlContentDisabledColor, hsl(200, 10%, 94%), #EFEFF1 */
.AFFormControlContentBorderDisabledColor:alias {
  color: #EFEFF1;
}

/*  Anchor, hsl(210, 1%, 99%), #FCFDFE */
.AFFormControlContentColor:alias {
  color: #FCFDFE;
}

/*  Anchor, hsl(220, 20%, 97%), #EFEFF1 */
.AFFormControlContentDisabledColor:alias {
  color: #EFEFF1;
}

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

/*  Anchor, hsl(207, 69%, 94%), #e4f0fa */
.AFGridCellActiveColor:alias {
  color: #e4f0fa;
}

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

/*  Anchor, hsl(60,60%,95%), #FAFAEB */
.AFGridCellSelectedInactiveColor:alias {
  color: #FAFAEB;
}

/*  Anchor, hsl(216, 45%, 98%), #F7F9FC */
.AFGridControl2Color:alias {
  color: #F7F9FC;
}

/*  Derivatives of AFSelectedColor, hsl(207,57%,91%), #DAE9F5 */
.AFGridControlActiveColor:alias {
  color: #DAE9F5;
}

/*  Anchor, hsl(216, 24%, 96%), #F2F4F7 */
.AFGridControlColor:alias {
  color: #F2F4F7;
}

/*  Derivatives of AFSelectedColor, hsl:( 207 100% 86%) */
.AFGridControlSelectedColor:alias {
  color: #B9DFFF;
}

/*  Derivatives of AFGridCellSelectedInactiveColor, hsl(60,55%,92%), #F6F6E0 */
.AFGridControlSelectedInactiveColor:alias {
  color: #F6F6E0;
}
/*  Anchor, hsl(209, 32%, 54%), #648BAF */
.AFGridDragLineColor:alias {
  color: #648BAF;
}

/*  Anchor, hsl(0, 0%, 15%), #252525 */
.AFHeaderTextColor:alias {
  color: #252525;
}

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

/*  Anchor, hsl(210, 2%, 84%), #d6d7d8 */
.AFHoverPrimaryColor:alias {
  color: #d6d7d8;
}

/*  Anchor, hsll(210, 5%, 93%), #ebeced */
.AFHoverSecondaryColor:alias {
  color: #ebeced;
}

/*  Derivatives of AFButtonActiveColor, hsl, #0572ce */
.AFIconActiveColor:alias {
  color: #0572ce;
}

/*  Anchor, hsl, #878c90 */
.AFIconColor:alias {
  color: #878c90;
}

/*  Anchor, hsl, #d4d6d7 */
.AFIconDisabledColor:alias {
  color: #d4d6d7;
}

/*  Derivatives of AFButtonActiveColor, hsl(207, 67%, 71%), #85bbe7 */
.AFIconHoverColor:alias {
  color: #85bbe7;
}

.AFLabel:alias {
  color: -tr-property-ref(".AFLabelColor:alias","color");
  font-weight: bold;
}

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

/*  Anchor, hsl(209, 78%, 35%), #145c9e */
.AFLinkActiveColor:alias {
  color: #145c9e;
}

/*  Anchor, hsl(209, 78%, 35%), #145c9e */
.AFLinkColor:alias {
  color: #145c9e;
}

/*  Derivatives of AFTextDisabledColor, hsl(0, 0%, 62%), #9e9e9e */
.AFLinkDisabledColor:alias {
  color: #9e9e9e;
}

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

/*Adding hover link color alias, defined to have same color as AFLinkColor*/
.AFLinkHoverColor:alias{
  color: -tr-property-ref(".AFLinkColor:alias","color");
}

/*  Gourmet, hsl(201, 25%, 43%), #527689 */
.AFPageStampTextColor:alias {
  color: #527689;
}

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

/*  Gourmet, hsl, #eff2f5 */
.AFPanelBoxCoreLightColor:alias {
  color: #eff2f5;
}

/*  Gourmet, hsl, #e8f2fb */
.AFPanelBoxCoreMediumColor:alias {
  color: #e8f2fb;
}

/*  Anchor, hsl(207, 95%, 34%), #045FAB */
.AFRequiredColor:alias {
  color: #045FAB;
}

/*  Anchor, hsl(207 88% 90%), #CFE8FC */
.AFSelectedColor:alias {
  color: #CFE8FC;
}

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

/*  Anchor, can't be a derivative of .AFShadowColor due to opacity difference */
.AFDialogShadowColor:alias {
  color: rgba(0, 0, 0, .45);
}

/*  Anchor, can't be a derivative of .AFShadowColor due to opacity difference */
.AFNoteWindowShadowColor:alias {
  color: rgba(0, 0, 0, .40);
}

/*  Anchor, can't be a derivative of .AFShadowColor due to opacity difference */
.AFInlineSelectorShadowColor:alias {
  color: rgba(0, 0, 0, .35);
}

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

/*  Derivatives of AFIconDisabledColor, hsl(200, 4%, 84%), #d4d6d7 */
.AFSliderHighlightDisabledColor:alias {
  color: #d4d6d7;
}

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

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

/*  Gourmet, hsl(0, 0%, 62%), #9e9e9e */
.AFSwatchBorderColor:alias {
  color: #9e9e9e;
}

/*  Anchor, hsl(212, 30%, 82%), transparent */
.AFTabBorderColor:alias {
  color: transparent;
}

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

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

/*  Anchor, hsl(212, 35%, 93%), transparent */
.AFTabDisabledColor:alias {
  color: transparent;
}

/*  Derivatives of , hsl(207, 95%, 41%), #0572ce */
.AFTabSelectedBorderAccentColor:alias {
  color: #0572ce;
}

/*  Derivatives of , hsl(208, 19%, 81%), #c4ced7 */
.AFTabSelectedBorderColor:alias {
  color: #c4ced7;
}

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

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

/*  Anchor, hsl(0, 0%, 62%), #9e9e9e */
.AFTextDisabledColor:alias {
  color: #9e9e9e;
}

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

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

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

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

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

/*  Anchor, hsl(208, 19%, 81%), #c4ced7 */
.AFWindowBorderColor:alias {
  color: #c4ced7;
}

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

/* Note that the 'Colors Used in Simple or Skyros not present in Alta' section, which used to be right here,
   has been moved to the alta-v1-debug.css file in all its Fucshia glory. */

/* Base font alias definitions */

.AFDefaultFontFamily:alias {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}

.AFDefaultFontSize:alias {
  font-size: 12px;
}

.AFDefaultFont:alias {
  font-family: -tr-property-ref(".AFDefaultFontFamily:alias","font-family");
  font-size: -tr-property-ref(".AFDefaultFontSize:alias","font-size");
}

.AFDefaultBoldFont:alias {
  -tr-rule-ref: selector(".AFDefaultFont:alias");
  font-weight: bold;
}

/* Base border radius alias definitions */

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

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

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

.AFExtraLargeBorderRadius:alias{
  border-radius: 5px;
}

/* End of Base border radius alias definitions */

/* Private - Alias for the horizontal padding inside panelFormLayout */
.AFPanelFormLayoutHorizontalPadding:alias{
  padding-left: 6px;
  padding-right: 0px;
}

/* Private - Alias for the rtl horizontal padding inside panelFormLayout */
.AFPanelFormLayoutHorizontalPadding:alias:rtl{
  padding-left: 0px;
  padding-right: 6px;
}

.AFInfoIcon:alias {
  content: url('/afr/alta-v1/info_status.png');
  width: 16px;
  height: 16px;
}

.AFConfirmationIcon:alias {
  content: url('/afr/alta-v1/confirmation_status.png');
  width: 16px;
  height: 16px;
}

.AFFatalIcon:alias,
.AFErrorIcon:alias {
  content: url('/afr/alta-v1/error_status.png');
  width: 16px;
  height: 16px;
}

.AFWarningIcon:alias {
  content: url('/afr/alta-v1/warning_status.png');
  width: 16px;
  height: 16px;
}

/*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/alta-v1/discloseexpanded_ena.png');
}

.AFDisclosedIcon:alias:rtl {
  content: url('/afr/alta-v1/discloseexpanded_rtl_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/alta-v1/disclosecollapsed_ena.png');
}

/* private */
.AFUndisclosedIcon:alias:rtl {
  content: url('/afr/alta-v1/disclosecollapsed_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/alta-v1/discloseexpanded_ena.png');
}

.AFDisclosedIconStyle:alias:rtl {
  background-image: url('/afr/alta-v1/discloseexpanded_rtl_ena.png');
}

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

.AFDisclosedIconStyleHover:alias:rtl {
  background-image: url('/afr/alta-v1/discloseexpanded_rtl_ovr.png');
}

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

.AFDisclosedIconStyleActive:alias:rtl {
  background-image: url('/afr/alta-v1/discloseexpanded_rtl_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/alta-v1/disclosecollapsed_ena.png');
}

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

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

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

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

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

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

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

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

/* Global alias for the unmaximize icon used in panelBox */
.AFUnmaximizedIconStyle:alias{
  background-image: url('/afr/max_ena.png');
}

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

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

/* Versions of Maximize icons for Dark Backgrounds */

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

.AFUnmaximizedIconStyleDarkBackground:alias{
  background-image: url('/afr/max_ena_dbg.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/alta-v1/updatedvalue_status.png);
  vertical-align: 1px;
  padding-right: 6px;
}
@agent ie {
  .AFChangedIcon:alias {
    vertical-align: bottom;
  }  
}
@agent webkit {
  /*.AFChangedIcon:alias {
    padding-top: 2px;
    padding-bottom: 4px;
  }*/
}
/*TODO ALTA* RTl alias dont getting loaded for icons and it is happening for al the skins*/
.AFChangedIcon:alias:rtl {
  content: url(/afr/alta-v1/updatedvalue_status.png);
  vertical-align: 1px;
  padding-left: 6px;
}
.AFLabelTextForegroundDisabled:alias {
  color: -tr-property-ref(".AFLabelColor:alias","color");
}

/* This is a public style class, not an alias */
.AFRequiredIconStyle {
  -tr-rule-ref: selector(".AFDefaultFont:alias");
  font-size: +4;
  font-weight: bold;
  margin-right: 4px;
  line-height: 12px;
  color: -tr-property-ref(".AFRequiredColor:alias","color");
}
/* This is a public style class, not an alias */
.AFIndexedIconStyle {
  -tr-rule-ref: selector(".AFDefaultFont:alias");
  font-size: +4;
  font-weight: bold;
  margin-right: 4px;
  line-height: 12px;
  color: -tr-property-ref(".AFRequiredColor:alias","color");
}
@agent ie {
  .AFChangedIcon:alias {
    padding-top: 2px;
    padding-bottom: 4px;
  }
}

/* Alias for toolbar and query separators */
.AFBarSeparator:alias {
  padding-top: 0px;
  padding-right: 3px;
  padding-bottom: 0px;
  padding-left: 3px;
  height: 22px;
  width: 1px;
  background-image: url("/afr/alta-v1/separator_border.png");
  background-repeat: repeat-y;
  background-position: center center;
  line-height: 0px;
}

.AFToolbarOverflowCell {
  padding-bottom: 3px;  
}

/* borders on buttons */

.AFButtonBorder:alias {
  border-radius: -tr-property-ref(".AFMediumBorderRadius:alias","border-radius");
  border: 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-color: -tr-property-ref(".AFButtonBorderColor:alias","color");
}

/* borders on selected buttons and depressed (mouse down) commandToolbarButtons and
   and borders on other buttons in mouse down / active (pseudo state) mode. */
.AFButtonBorderActive:alias {
  border-color: -tr-property-ref(".AFButtonBorderActiveColor:alias","color");
}

/* Button foreground (text) color */
.AFButtonForeground:alias {
  color: -tr-property-ref(".AFTextPrimaryColor:alias","color");
  font-weight: bold;
  text-shadow: 0px 1px 0px -tr-property-ref(".AFTextShadowColor:alias","color");
}

.AFButtonForegroundHover:alias {
  color: -tr-property-ref(".AFButtonTextHoverColor:alias","color");
  font-weight: bold;
  text-shadow: none;
}

.AFButtonForegroundDepressed:alias {
  color: -tr-property-ref(".AFButtonTextActiveColor:alias","color");
  font-weight: bold;
  text-shadow: none;
}

.AFButtonForegroundDepressedHover:alias {
  color: -tr-property-ref(".AFButtonHoverSecondaryColor:alias","color");
  font-weight: bold;
  text-shadow: none;
}

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

/* 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 {
  background-color: transparent;
  background-image: linear-gradient(to top,
                              -tr-property-ref(".AFButtonGradientEndColor:alias","color") 0%,
                              -tr-property-ref(".AFButtonGradientStop2Color:alias","color") 50%,
                              -tr-property-ref(".AFButtonGradientStop1Color:alias","color") 96.36%,
                              -tr-property-ref(".AFButtonGradientStartColor:alias","color") 100%);
}

/* background on buttons in hover mode */
.AFButtonBackgroundHover:alias {
  background-image: none;
  background-color: -tr-property-ref(".AFButtonHoverColor:alias","color");
}

/* background on buttons in active mode (mouse down) */
.AFButtonBackgroundActive:alias {
  background-image: none;
  background-color: -tr-property-ref(".AFButtonActiveColor:alias","color");
}

/* background on buttons in disabled mode */
.AFButtonBackgroundDisabled:alias {
  background-image: none;
  background-color: -tr-property-ref(".AFButtonDisabledColor:alias","color"); 
}

/* Background gradients for FF3.6 + */
@agent gecko {
  .AFButtonBackground:alias {
    background-image: -moz-linear-gradient(bottom,
                              -tr-property-ref(".AFButtonGradientEndColor:alias","color") 0%,
                              -tr-property-ref(".AFButtonGradientStop2Color:alias","color") 50%,
                              -tr-property-ref(".AFButtonGradientStop1Color:alias","color") 96.36%,
                              -tr-property-ref(".AFButtonGradientStartColor: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(".AFButtonGradientStop2Color:alias","color"); 
    background-image: none;
  }
}

/* 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(bottom,
                              -tr-property-ref(".AFButtonGradientEndColor:alias","color") 0%,
                              -tr-property-ref(".AFButtonGradientStop2Color:alias","color") 50%,
                              -tr-property-ref(".AFButtonGradientStop1Color:alias","color") 96.36%,
                              -tr-property-ref(".AFButtonGradientStartColor: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(0%, -tr-property-ref(".AFButtonGradientStop1Color:alias","color") ), color-stop(0%, -tr-property-ref(".AFButtonGradientStop2Color:alias","color") ), color-stop(100%, -tr-property-ref(".AFButtonGradientEndColor: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 );
    background-image: none;
  }
  .AFButtonBackgroundActive:alias {
    filter: none;
  }
  .AFButtonBackgroundHover:alias {
    filter: none;
  }
  .AFButtonBackgroundDisabled:alias {
    filter: none;
  }
}

/* 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(".AFButtonGradientStop2Color:alias","color");
    filter: none;
  }
  .AFButtonBackgroundHover:alias {
    filter: none;
  }
}

/* Background gradients for IE10+ */
@agent ie and (min-version: 10) {
  .AFButtonBackground:alias {
    background-image: -ms-linear-gradient(bottom,
                              -tr-property-ref(".AFButtonGradientEndColor:alias","color") 0%,
                              -tr-property-ref(".AFButtonGradientStop2Color:alias","color") 50%,
                              -tr-property-ref(".AFButtonGradientStop1Color:alias","color") 96.36%,
                              -tr-property-ref(".AFButtonGradientStartColor:alias","color") 100%);
    filter: none;
  }
  .AFButtonBackgroundHover:alias {
    filter: none;
  }
}

/* NOTE: we set a height here as a measure to get buttons to render at a total of 26px
     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: 26px;
}

/* Button container. Both sides 8px width(text does not have any padding.), 1px to match the 28px height. 
   Please do not update dimensions set here! If your particular button impl needs different dimensions, then
   don't use this alias and customize for your instance only. */
.AFButtonLink:alias {
  padding: 1px 8px 1px 8px;
}

/* Text inside the button. padding given to retain the space between text and icon. */
.AFButtonText:alias,
.AFButtonLeadingText:alias:rtl {
  min-height: 14px;
  display: inline-block;
  vertical-align: middle;
  padding-left: 5px;
  padding-right: 0px;
}

/* padding given to retain space between text and icon */
.AFButtonLeadingText:alias,
.AFButtonText:alias:rtl {
  white-space: nowrap;
  text-decoration: none;
  padding-left: 0px;
  padding-right: 5px;
}

@agent ie {
  .AFButtonText:alias,
  .AFButtonLeadingText:alias,
  .AFButtonText:alias:rtl,
  .AFButtonLeadingText:alias:rtl {
    vertical-align: middle;
  }
}

/* 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: 6px 7px 6px 8px;
}

/* add a little more right margin space */
/* This key is an alias for the dynamic help icon style. */
.AFDynamicHelpIconStyle:alias {
  margin: 0px;
  background-image: url('/afr/alta-v1/helptopics_ena.png');
  -tr-rule-ref: selector(".AFDefaultFontSize:alias");
  display: inline-block;
  width: 16px;
  height: 16px;
  -tr-inhibit: padding-left;
  vertical-align: bottom;
  padding-right: 6px;
}

.AFDynamicHelpIconStyle:alias:rtl {
  padding-left: 6px;
  padding-right: 0px;
}

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

/* This key is an alias for the dynamic help icon style for active. */
.AFDynamicHelpIconStyleActive:alias {
  background-image: url('/afr/alta-v1/helptopics_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/alta-v1/helptopics_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: 1px solid -tr-property-ref(".AFWindowBorderColor:alias","color");*/
  -tr-rule-ref: selector(".AFPopupMenuBorder:alias");
  box-shadow: 1px 1px 10px 0px -tr-property-ref(".AFDialogShadowColor:alias","color");
}

af|body:high-contrast .AFAutoSuggestItemsContainer {
  -tr-rule-ref: selector(".AFPopupMenuBorderInHighContrast:alias");
}

.AFAutoSuggestMoreLink {
  -tr-rule-ref: selector(".AFLinkForeground:alias");
  -tr-rule-ref: selector(".AFDefaultFont:alias");
  border: none;
  outline-width: 0px;
  padding-left: 10px;
  padding-right: 10px;
}
.AFAutoSuggestItemsContainer hr {
  background-color: -tr-property-ref(".AFFormControlContentBorderColor:alias","color");
  border:0;
  height:1px;
}
.AFAutoSuggestItem {
  -tr-rule-ref: selector(".AFDefaultFont:alias");
  color: -tr-property-ref("AFTextColor:alias","color");
  height: 30px;
  line-height: 30px;
  padding-left: 10px;
  padding-right: 10px;
  vertical-align: middle;
  display: block;
  border: none;
}

.AFAutoSuggestItem:hover {
  color: -tr-property-ref(".AFTextColor:alias","color");
  background-color: -tr-property-ref(".AFHoverSecondaryColor:alias","color"); 
  border: none;
}
af|body:high-contrast .AFAutoSuggestItem:hover {
  -tr-rule-ref: selector(".AFActiveLinkBorder:alias");
}

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

@platform linux {
  @agent gecko {
    /* Firefox on linux only needs 3px margin. */
    .AFDynamicHelpIconStyle:alias {
      /*TODO ALTA*/
    }
  }
}

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

/* Borders on form content. */
.AFFormControlContentBorder:alias {
  border-color: -tr-property-ref(".AFFormControlContentBorderColor:alias","color");
  border-radius: -tr-property-ref(".AFMediumBorderRadius:alias","border-radius");
}

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

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


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

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

/* 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");
  text-decoration: underline;
}

/*AFLinkSelectedForeground alias, newly added for alta skin, will be using AFLinkColor with font-weight bold */
.AFLinkSelectedForeground:alias {
  color:  -tr-property-ref(".AFLinkColor:alias","color");
  text-decoration: none;
  font-weight: -tr-property-ref(".AFDefaultBoldFont:alias","font-weight");
}
/*AFLinkHoverForeground alias, newly added for alta skin, will be using .AFLinkHoverColor:alias  */
.AFLinkHoverForeground:alias {
  color:  -tr-property-ref(".AFLinkHoverColor:alias","color");
  text-decoration: underline;
}
/* 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(".AFWindowBorderColor:alias","color");
  border-right: none;
  border-bottom: none;
  border-left: 1px solid -tr-property-ref(".AFWindowBorderColor: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/alta-v1/overflow_left_ena.png");
  height: 14px;
  width: 14px;
  padding: 6px;
  background-color: transparent;
  border: 1px solid transparent;
  border-radius: -tr-property-ref(".AFButtonBorder:alias","border-radius");
}

.AFOverflowImageHorizontalStartHover:alias {
  background-image: url("/afr/alta-v1/overflow_left_ovr.png"), -tr-property-ref(".AFButtonBackgroundHover:alias","background-image");
  background-color: -tr-property-ref(".AFButtonBackgroundHover:alias","background-color");
  color: -tr-property-ref(".AFButtonTextHoverColor:alias","color");
  border: 1px solid -tr-property-ref(".AFButtonBorderHoverColor:alias","color");
}

.AFOverflowImageHorizontalStartDepressed:alias {
  background-image: url("/afr/alta-v1/overflow_left_dwn.png"), -tr-property-ref(".AFButtonBackgroundActive:alias","background-image");
    background-color: -tr-property-ref(".AFButtonBackgroundActive:alias","background-color");
  border: 1px solid -tr-property-ref(".AFButtonBorderActiveColor:alias","color");
}

/* overflow indicator at the end (right) side of a horizontal list */
.AFOverflowImageHorizontalEnd:alias {
  background-image: url("/afr/alta-v1/overflow_right_ena.png");
  height: 14px;
  width: 14px;
  padding: 6px;
  background-color: transparent;
  border: 1px solid transparent;
  border-radius: -tr-property-ref(".AFButtonBorder:alias","border-radius");
}

.AFOverflowImageHorizontalEndHover:alias {
  background-image: url("/afr/alta-v1/overflow_right_ovr.png"), -tr-property-ref(".AFButtonBackgroundHover:alias","background-image");
  background-color: -tr-property-ref(".AFButtonBackgroundHover:alias","background-color");
  color: -tr-property-ref(".AFButtonTextHoverColor:alias","color");
  border: 1px solid -tr-property-ref(".AFButtonBorderHoverColor:alias","color");
}

.AFOverflowImageHorizontalEndDepressed:alias {
  background-image: url("/afr/alta-v1/overflow_right_dwn.png"), -tr-property-ref(".AFButtonBackgroundActive:alias","background-image");
    background-color: -tr-property-ref(".AFButtonBackgroundActive:alias","background-color");
  border: 1px solid -tr-property-ref(".AFButtonBorderActiveColor:alias","color");
}

/* overflow indicator at the start (top) side of a vertical list */
.AFOverflowImageVerticalStart:alias {
  background-image: url("/afr/alta-v1/overflow_up_ena.png");
  height: 14px;
  width: 14px;
  padding: 6px;
  background-color: transparent;
  border: 1px solid transparent;
  border-radius: -tr-property-ref(".AFButtonBorder:alias","border-radius");
}

.AFOverflowImageVerticalStartHover:alias {
  background-image: url("/afr/alta-v1/overflow_up_ovr.png"), -tr-property-ref(".AFButtonBackgroundHover:alias","background-image");
  background-color: -tr-property-ref(".AFButtonBackgroundHover:alias","background-color");
  color: -tr-property-ref(".AFButtonTextHoverColor:alias","color");
  border: 1px solid -tr-property-ref(".AFButtonBorderHoverColor:alias","color");
}

.AFOverflowImageVerticalStartDepressed:alias {
  background-image: url("/afr/alta-v1/overflow_up_dwn.png"), -tr-property-ref(".AFButtonBackgroundActive:alias","background-image");
    background-color: -tr-property-ref(".AFButtonBackgroundActive:alias","background-color");
  border: 1px solid -tr-property-ref(".AFButtonBorderActiveColor:alias","color");
}

/* overflow indicator at the end (right) side of a Vertical list */
.AFOverflowImageVerticalEnd:alias {
  background-image: url("/afr/alta-v1/overflow_down_ena.png");
  height: 14px;
  width: 14px;
  padding: 6px;
  background-color: transparent;
  border: 1px solid transparent;
  border-radius: -tr-property-ref(".AFButtonBorder:alias","border-radius");
}

.AFOverflowImageVerticalEndHover:alias {
  background-image: url("/afr/alta-v1/overflow_down_ovr.png"), -tr-property-ref(".AFButtonBackgroundHover:alias","background-image");
  background-color: -tr-property-ref(".AFButtonBackgroundHover:alias","background-color");
  color: -tr-property-ref(".AFButtonTextHoverColor:alias","color");
  border: 1px solid -tr-property-ref(".AFButtonBorderHoverColor:alias","color");
}

.AFOverflowImageVerticalEndDepressed:alias {
  background-image: url("/afr/alta-v1/overflow_down_dwn.png"), -tr-property-ref(".AFButtonBackgroundActive:alias","background-image");
    background-color: -tr-property-ref(".AFButtonBackgroundActive:alias","background-color");
  border: 1px solid -tr-property-ref(".AFButtonBorderActiveColor:alias","color");
}

/*conveyor belt aliases*/ 
.AFConveyorBeltImageHorizontalStart:alias {
  background-image: url("/afr/alta-v1/conv_l_ena.png");
  height: 14px;
  width: 14px;
  padding: 6px;
  background-color: transparent;
  border: 1px solid transparent;
  border-radius: -tr-property-ref(".AFButtonBorder:alias","border-radius");
}

.AFConveyorBeltImageHorizontalStartHover:alias {
  background-image: url("/afr/alta-v1/conv_l_ovr.png"), -tr-property-ref(".AFButtonBackgroundHover:alias","background-image");
  background-color: -tr-property-ref(".AFButtonBackgroundHover:alias","background-color");
  color: -tr-property-ref(".AFButtonTextHoverColor:alias","color");
  border: 1px solid -tr-property-ref(".AFButtonBorderHoverColor:alias","color");
}

.AFConveyorBeltImageHorizontalStartDepressed:alias {
  background-image: url("/afr/alta-v1/conv_l_dwn.png"), -tr-property-ref(".AFButtonBackgroundActive:alias","background-image");
    background-color: -tr-property-ref(".AFButtonBackgroundActive:alias","background-color");
  border: 1px solid -tr-property-ref(".AFButtonBorderActiveColor:alias","color");
}

.AFConveyorBeltImageHorizontalStartDisabled:alias {
  background-image: url("/afr/alta-v1/conv_l_dis.png");
  /* Undo the hover effect */
  background-color: transparent;
  border: 1px solid transparent;
}

/* ConveyorBelt indicator at the end (right) side of a horizontal list */
.AFConveyorBeltImageHorizontalEnd:alias {
  background-image: url("/afr/alta-v1/conv_r_ena.png");
  height: 14px;
  width: 14px;
  padding: 6px;
  background-color: transparent;
  border: 1px solid transparent;
  border-radius: -tr-property-ref(".AFButtonBorder:alias","border-radius");
}

.AFConveyorBeltImageHorizontalEndHover:alias {
  background-image: url("/afr/alta-v1/conv_r_ovr.png"), -tr-property-ref(".AFButtonBackgroundHover:alias","background-image");
  background-color: -tr-property-ref(".AFButtonBackgroundHover:alias","background-color");
  color: -tr-property-ref(".AFButtonTextHoverColor:alias","color");
  border: 1px solid -tr-property-ref(".AFButtonBorderHoverColor:alias","color");
}

.AFConveyorBeltImageHorizontalEndDepressed:alias {
  background-image: url("/afr/alta-v1/conv_r_dwn.png"), -tr-property-ref(".AFButtonBackgroundActive:alias","background-image");
    background-color: -tr-property-ref(".AFButtonBackgroundActive:alias","background-color");
  border: 1px solid -tr-property-ref(".AFButtonBorderActiveColor:alias","color");
}

.AFConveyorBeltImageHorizontalEndDisabled:alias {
  background-image: url("/afr/alta-v1/conv_r_dis.png");
  /* Undo the hover effect */
  background-color: transparent;
  border: 1px solid transparent;
}

/* ConveyorBelt indicator at the top of a vertical list */
.AFConveyorBeltImageVerticalTop:alias {
  background-image: url("/afr/alta-v1/conv_u_ena.png");
  height: 14px;
  width: 14px;
  padding: 6px;
  background-color: transparent;
  border: 1px solid transparent;
  border-radius: -tr-property-ref(".AFButtonBorder:alias","border-radius");
}

.AFConveyorBeltImageVerticalTopHover:alias {
  background-image: url("/afr/alta-v1/conv_u_ovr.png"), -tr-property-ref(".AFButtonBackgroundHover:alias","background-image");
  background-color: -tr-property-ref(".AFButtonBackgroundHover:alias","background-color");
  color: -tr-property-ref(".AFButtonTextHoverColor:alias","color");
  border: 1px solid -tr-property-ref(".AFButtonBorderHoverColor:alias","color");
}

.AFConveyorBeltImageVerticalTopDepressed:alias {
  background-image: url("/afr/alta-v1/conv_u_dwn.png"), -tr-property-ref(".AFButtonBackgroundActive:alias","background-image");
  background-color: -tr-property-ref(".AFButtonBackgroundActive:alias","background-color");
  border: 1px solid -tr-property-ref(".AFButtonBorderActiveColor:alias","color");
}

/* ConveyorBelt indicator at the bottom of a vertical list */
.AFConveyorBeltImageVerticalBottom:alias {
  background-image: url("/afr/alta-v1/conv_d_ena.png");
  height: 14px;
  width: 14px;
  padding: 6px;
  background-color: transparent;
  border: 1px solid transparent;
  border-radius: -tr-property-ref(".AFButtonBorder:alias","border-radius");
}

.AFConveyorBeltImageVerticalBottomHover:alias {
  background-image: url("/afr/alta-v1/conv_d_ovr.png"), -tr-property-ref(".AFButtonBackgroundHover:alias","background-image");
  background-color: -tr-property-ref(".AFButtonBackgroundHover:alias","background-color");
  color: -tr-property-ref(".AFButtonTextHoverColor:alias","color");
  border: 1px solid -tr-property-ref(".AFButtonBorderHoverColor:alias","color");
}

.AFConveyorBeltImageVerticalBottomDepressed:alias {
  background-image: url("/afr/alta-v1/conv_d_dwn.png"), -tr-property-ref(".AFButtonBackgroundActive:alias","background-image");
  background-color: -tr-property-ref(".AFButtonBackgroundActive:alias","background-color");
  border: 1px solid -tr-property-ref(".AFButtonBorderActiveColor:alias","color");
}

/* IE 7 and IE 8 do not support background image with a gradient */
@agent ie and (version: 7.0), ie and (version: 8.0) {
    .AFOverflowImageHorizontalStartHover:alias {
  }
  
  .AFOverflowImageHorizontalStartDepressed:alias {
    background-image: url("/afr/alta-v1/overflow_left_dwn.png");
  }
  
  .AFOverflowImageHorizontalEndHover:alias {
    background-image: url("/afr/alta-v1/overflow_right_ovr.png");
  }
  
  .AFOverflowImageHorizontalEndDepressed:alias {
    background-image: url("/afr/alta-v1/overflow_right_dwn.png");
  }
  
  .AFOverflowImageVerticalStartHover:alias {
    background-image: url("/afr/alta-v1/overflow_up_ovr.png");
  }
  
  .AFOverflowImageVerticalStartDepressed:alias {
    background-image: url("/afr/alta-v1/overflow_up_dwn.png");
  }
    
  .AFOverflowImageVerticalEndHover:alias {
    background-image: url("/afr/alta-v1/overflow_down_ovr.png");
  }
  
  .AFOverflowImageVerticalEndDepressed:alias {
    background-image: url("/afr/alta-v1/overflow_down_dwn.png");
  }
  
  .AFConveyorBeltImageHorizontalStartHover:alias {
    background-image: url("/afr/alta-v1/conv_l_ovr.png");
  }
  
  .AFConveyorBeltImageHorizontalStartDepressed:alias {
    background-image: url("/afr/alta-v1/conv_l_dwn.png");
  }
    
  .AFConveyorBeltImageHorizontalEndHover:alias {
    background-image: url("/afr/alta-v1/conv_r_ovr.png");
  }
  
  .AFConveyorBeltImageHorizontalEndDepressed:alias {
    background-image: url("/afr/alta-v1/conv_r_dwn.png");
  }
}

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

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

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


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

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

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

/* The active remove image (mousedown on an enabled remove image). */
.AFTabRemoveImageActive:alias {
  background-image: url('/afr/alta-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/alta-v1/close_dis.png');
}

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

/*Images of Arrows for SelectOrderShuttle & SelectManyShuttle in High Contrast Mode*/
.AFSelectShuttleRightEnabledIcon:alias {
  background-image: url("/afr/alta-v1/shuttle_right_ena.png");
}

.AFSelectShuttleRightDisabledIcon:alias {
  background-image: url("/afr/alta-v1/shuttle_right_dis.png");
}

.AFSelectShuttleRightAllEnabledIcon:alias {
  background-image: url("/afr/alta-v1/shuttle_right_all_ena.png");
}

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

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

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

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

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

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

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

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

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

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

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

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

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

/**
  Global text style classes. These are available to the application
  developer to use on outputText and outputFormatted.
**/
.AFInstructionText {
  color: -tr-property-ref(".AFTextColor:alias","color");
}

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

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

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

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

.AFDataNumberDisabled {
  color: -tr-property-ref(".AFTextDisabledColor:alias","color");
}
/** also used in our select components and the composites that use these,
     like shuttle and chooseDate. **/
.AFFieldText {
  color: -tr-property-ref(".AFTextColor:alias","color");
}

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

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

.AFFieldNumberDisabled {
  color: -tr-property-ref(".AFTextDisabledColor:alias","color");
}
/* End of Aliases */

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

/* Start of branding bar */

.AFBrandingBar {
  background-color: -tr-property-ref(".AFBrandingBackgroundColor:alias","color");
  color: -tr-property-ref(".AFBrandingTextColor:alias","color");
  border-bottom: 1px solid -tr-property-ref(".AFBrandingHeaderBorderColor:alias","color");
  height: 34px;
  box-shadow: 0px 3px 3px rgba(0, 0, 0, 0.1);
}

.AFBrandingBar.AFBrandingBarTall {
  height: 89px;
}

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

.AFBrandingLogoTitleContainer {
    top: 37px;
    position: absolute;
}

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

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

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

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

/* Styling for backward compatibility with the old collapsible templates*/
.AFBrandingSplitter .AFBrandingBar {
  border-bottom: none;
}

.AFAppNavbarButton {
  margin-left: -1px;
  background-color: -tr-property-ref(".AFDecorativeColor:alias","color");
  background-image: none;
  padding: 4px 4px 0;
  height: 28px;
  border: 1px solid -tr-property-ref(".AFBrandingBorderColor:alias","color");
  text-shadow: none;
  border-radius: initial;
}

.AFAppNavbarButton:first-child,
.AFAppNavbarButton:last-child:rtl {
  /* border-radius is required to use aliases */
  border-top-left-radius: -tr-property-ref(".AFLargeBorderRadius:alias","border-radius");
  border-bottom-left-radius: -tr-property-ref(".AFLargeBorderRadius:alias","border-radius");
}

.AFAppNavbarButton:last-child,
.AFAppNavbarButton:first-child:rtl {
  /* border-radius is required to use aliases */
  border-top-right-radius: -tr-property-ref(".AFLargeBorderRadius:alias","border-radius");
  border-bottom-right-radius: -tr-property-ref(".AFLargeBorderRadius:alias","border-radius");
}

.AFBrandingBarCompact .AFAppNavbarContainer{
  margin-top: 12px;
}

.AFBrandingBarItem {
  -tr-inhibit: height;
}

/* 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');
  padding-top: 8px;
}

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


.AFBrandingLogo {
  display: block;
}

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

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

/* style for branding page title text (e.g. on an af:outputText) placed inside of a branding bar
   item wrapper */
.AFBrandingBarTitle {
  display: inline-block;
  font-weight: normal;
  padding-left: 1px;
  padding-right: 30px;
  white-space: nowrap;
  text-overflow: ellipsis;
  vertical-align: baseline;
  color: -tr-property-ref(".AFBrandingTextColor:alias","color");
  text-decoration: none;
  cursor: default;
}

.AFBrandingBarTitle:rtl{
  padding-left: 30px;
  padding-right: 1px;
}

.AFBrandingLogo af|link::text:hover,
.AFBrandingLogo af|link::text:active{
  text-decoration: none;
}

.AFBrandingSplitter .AFBrandingBarItem af|navigationPane-buttons {
  padding-top : 2px;
}

/* This will allow minimum height on the navigation Pane even if there is no separator */
.AFBrandingBar af|navigationPane-bar::body {
  line-height : 21px;
}

.AFBrandingBarItem af|navigationPane-bar {
  padding-top : 8px;
}

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

.AFBrandingBar af|link:visited,
.AFBrandingBar af|commandLink:visited,
.AFBrandingBar af|goLink:visited,
.AFBrandingBar af|commandImageLink:visited,
.AFBrandingBar af|goImageLink:visited {
  -tr-rule-ref: selector(".AFBrandingLinkVisitedForeground:alias");
}

/* 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 {
  -tr-rule-ref: selector(".AFBrandingLinkActiveForeground:alias");
}

.AFBrandingBar af|link:visited,
.AFBrandingBar af|goLink:visited,
.AFBrandingBar af|commandLink:visited,
.AFBrandingBar af|commandImageLink:visited,
.AFBrandingBar af|goImageLink:visited,
.AFBrandingBar af|link:visited:active,
.AFBrandingBar af|goLink:visited:active,
.AFBrandingBar af|commandLink:visited:active,
.AFBrandingBar af|commandImageLink:visited:active,
.AFBrandingBar af|goImageLink:visited:active {
   -tr-rule-ref: selector(".AFBrandingLinkVisitedForeground:alias");
}

/* 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 {
  -tr-rule-ref: selector(".AFBrandingLinkDisabledForeground:alias");
}

@agent (touchScreen:none){
  .AFBrandingBar af|link:hover,
  .AFBrandingBar af|goLink:hover,
  .AFBrandingBar af|commandLink:hover,
  .AFBrandingBar af|commandImageLink:hover,
  .AFBrandingBar af|goImageLink:hover{
    -tr-rule-ref: selector(".AFBrandingLinkHoverForeground:alias");
  }
}
/* Menu items (default state) in branding area have standard text */
.AFBrandingBar af|menu::bar-item-text,
.AFBrandingBar af|menuBar::model-nav-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|menuBar::model-bar-nav-item:depressed af|menuBar::model-nav-item-text,
.AFBrandingBar af|menuBar::model-inner-nav-item:depressed af|menuBar::model-nav-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");
}

/* 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|menuBar::model-nav-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|menuBar:disabled::model-nav-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(".AFTextDisabledColor:alias","color");
}

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

/* 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 {
  -tr-rule-ref: selector(".AFBrandingLinkDisabledForeground:alias");
}

/* a different (transparent) separator is used on the branding bar */
.AFBrandingBar af|navigationPane-buttons::separator-icon-style,
.AFBrandingBar af|navigationPane-bar::separator-icon-style {
}

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

.AFBrandingBar af|statusIndicator:rtl {
  padding: 12px 10px 0px 0px;
}

/* Styling for backward compatibility with the old collapsible templates*/
.AFBrandingSplitter .AFBrandingBar af|statusIndicator {
  padding-left: 10px;
  padding-right: 10px;
}

/* 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|inputDate::dynamic-help-icon-style {
  vertical-align: -4px;
}
af|column:read-only::dynamic-help-icon-style,
af|inputColor:read-only::dynamic-help-icon-style,
af|inputComboboxListOfValues:read-only::dynamic-help-icon-style,
af|inputDate:read-only::dynamic-help-icon-style,
af|inputFile:read-only::dynamic-help-icon-style,
af|inputListOfValues:read-only::dynamic-help-icon-style,
af|inputNumberSlider:read-only::dynamic-help-icon-style,
af|inputNumberSpinbox:read-only::dynamic-help-icon-style,
af|inputRangeSlider:read-only::dynamic-help-icon-style,
af|inputText:read-only::dynamic-help-icon-style,
af|panelLabelAndMessage:read-only::dynamic-help-icon-style,
af|quickQuery:read-only::dynamic-help-icon-style,
af|selectBooleanCheckbox:read-only::dynamic-help-icon-style,
af|selectBooleanRadio:read-only::dynamic-help-icon-style,
af|selectManyCheckbox:read-only::dynamic-help-icon-style,
af|selectManyChoice:read-only::dynamic-help-icon-style,
af|selectManyListbox::dynamic-help-icon-style,
af|selectManyListbox:read-only::dynamic-help-icon-style,
af|selectManyShuttle::dynamic-help-icon-style,
af|selectManyShuttle:read-only::dynamic-help-icon-style,
af|selectOneChoice:read-only::dynamic-help-icon-style,
af|selectOneListbox:read-only::dynamic-help-icon-style,
af|selectOneListbox::dynamic-help-icon-style,
af|selectOneRadio:read-only::dynamic-help-icon-style,
af|selectOrderShuttle::dynamic-help-icon-style,
af|selectOrderShuttle:read-only::dynamic-help-icon-style,
af|panelBox:read-only::dynamic-help-icon-style,
af|region:read-only::dynamic-help-icon-style {
  vertical-align: middle;
  position: relative;
  top: -2px;
}

af|richTextEditor::dynamic-help-icon-style,
af|richTextEditor:read-only::dynamic-help-icon-style {
  vertical-align: middle;
}

af|selectBooleanRadio::dynamic-help-icon-style {
  vertical-align: -25%; /* freaking ugly but have no choice due to layout */
}

af|selectOneRadio::dynamic-help-icon-style {
  vertical-align: middle;
  top: -1px;
  position: relative;
}

@agent gecko {
  af|selectBooleanCheckbox:read-only::dynamic-help-icon-style {
    vertical-align: -25%;
    top: -1px;
  }
  
  af|selectBooleanCheckbox::dynamic-help-icon-style {
    vertical-align: -25%;
    position: relative;
    top: -2px;
  }
  
  af|selectManyCheckbox::dynamic-help-icon-style {
    vertical-align: -25%;
    position: relative;
    top: 0px;
  }
  
  af|selectBooleanRadio:read-only::dynamic-help-icon-style {
    vertical-align: -25%;
    top: 0px;
  }
  
  af|inputText::dynamic-help-icon-style {
    vertical-align: -25%;
  }
  
  af|inputText:read-only::dynamic-help-icon-style {
    top: 0px;
  }
  
}

@agent webkit {
  af|selectBooleanCheckbox:read-only::dynamic-help-icon-style {
    vertical-align: -25%;
    top: -1px;
  }
  
  af|selectBooleanCheckbox::dynamic-help-icon-style {
    vertical-align: -25%;
    top: 0px;
  }
  
  af|selectManyCheckbox::dynamic-help-icon-style {
    vertical-align: middle;
    position: relative;
    top: -2px;
  }
  
  af|inputText:multi-row::dynamic-help-icon-style {
    vertical-align: -25%;
    position: relative;
    top: -1px;
  }
  
  af|inputText:read-only::dynamic-help-icon-style {
    top: 0px;
  }
  
  af|inputText::dynamic-help-icon-style {
    vertical-align: -30%;
    position: relative;
    top: -1px;
  }
  
  af|selectBooleanRadio:read-only::dynamic-help-icon-style {
    vertical-align: -30%;
    position: relative;
    top: -1px;
  }
}

/* Safari specific */
@agent webkit and (version: 534.*) {
  af|selectBooleanCheckbox:read-only::dynamic-help-icon-style {
    vertical-align: -30%;
    top: -1px;
  }
  af|selectBooleanRadio:read-only::dynamic-help-icon-style {
    vertical-align: -20%;
    top: 0px
  }
  af|selectBooleanCheckbox::dynamic-help-icon-style {
    vertical-align: bottom;
    -tr-inhibit: top;
  }
  
  af|selectBooleanRadio::dynamic-help-icon-style {
    vertical-align: -20%;
  }
  
  af|inputText::dynamic-help-icon-style {
    vertical-align: -25%;
  }
  
  af|inputText:read-only::dynamic-help-icon-style {
    top: -2px;
  }
  af|selectBooleanRadio:read-only af|selectBooleanRadio::label {
    padding-right: 0px;
  }
  af|selectBooleanRadio:read-only .AFPanelFormLayoutContentCell {
    padding-left: 3px;
  }
  af|selectBooleanRadio .AFPanelFormLayoutContentCell {
    padding-left: 2px;
  }
  af|selectBooleanRadio::native-input { 
    margin-left: 5px;
    margin-right: 2px;
  }
  af|selectOneRadio::native-input { 
    margin-left: 1px;
    margin-right: 1px;
  }
}
@platform iphone { 
  af|selectOneRadio::native-input { 
    margin-left: 9px;
    margin-right: 6px;
  }
  af|selectBooleanRadio::native-input { 
    margin-left: 5px;
    margin-right: 5px;
  }
  af|selectBooleanRadio af|panelFormLayout::label-cell {
    padding-top: 7px;
  }
  af|selectOneRadio::label {
    padding-top: 6px;
  }
  af|selectOneRadio:read-only af|selectOneRadio::label {
    padding-right: 7px;
  }
}

@agent ie{
  af|inputDate:read-only::dynamic-help-icon-style {
    vertical-align: top;
  }
  af|inputText::dynamic-help-icon-style {
    vertical-align: -30%; /* really ugly but have no choice due to layout */
    position: relative;
    top: -1px;
  }
  
  af|selectBooleanRadio::dynamic-help-icon-style {
    vertical-align: top;
    top: -1px;
    position: relative;
  }
  
  af|selectOneRadio:read-only::dynamic-help-icon-style { 
    vertical-align: -40%;
    top: -3px;
  }
  
  af|inputText:multi-row af|inputText::dynamic-help-icon-style {
    vertical-align: middle;
    position: relative;
    top: -2px;
  }
  
  af|inputText:multi-row:read-only af|inputText::dynamic-help-icon-style {
    top: 0px;
    vertical-align: -25%;
  }
  
  af|selectBooleanCheckbox::dynamic-help-icon-style {
    vertical-align: -30%;
    position: relative;
    top: -1px;
  }
  
  af|selectBooleanCheckbox:read-only::dynamic-help-icon-style {
    vertical-align: -30%;
    top: -1px;
  }
}

@agent ie and (version: 8.0) {
  af|selectBooleanCheckbox::dynamic-help-icon-style {
    vertical-align: -20%;
    top: 0px;
  }
  
  af|selectBooleanCheckbox:read-only::dynamic-help-icon-style {
    vertical-align: -25%;
    top: 0px;
  }
  
  af|selectManyCheckbox::dynamic-help-icon-style {
    vertical-align: middle;
    position: relative;
    top: -2px;
  }
  
  af|inputText::dynamic-help-icon-style {
    vertical-align: -25%;
    position: relative;
    top: -1px;
  }
  
  af|inputText:multi-row::dynamic-help-icon-style {
    vertical-align: -25%;
    top: -1px;
  }
}

@agent ie and (version: 9.0) { 
  af|inputText:read-only::dynamic-help-icon-style {
    vertical-align: -40%;
    position: relative;
    top: -3px;
  }
  
  af|inputText:multi-row::dynamic-help-icon-style {
    vertical-align: -40%;
    top: -2px;
  }
  
  af|inputText:multi-row:read-only af|inputText::dynamic-help-icon-style {
    top: -2px;
    vertical-align: -40%;
  }
  
  af|selectManyCheckbox::dynamic-help-icon-style {
    vertical-align: middle;
    position: relative;
    top: -2px;
  }
}

@agent ie and (version: 10.0) {
  af|inputColor::dynamic-help-icon-style {
    vertical-align: -4px;
  }
  af|inputText:read-only::dynamic-help-icon-style {
    vertical-align: -40%;
    position: relative;
    top: -2px;
  }
  
  af|selectBooleanCheckbox:read-only::dynamic-help-icon-style {
    vertical-align: -30%;
    top: 0px;
  }
  
  af|selectBooleanCheckbox::dynamic-help-icon-style {
    vertical-align: -30%;
  }
  
  af|selectManyCheckbox::dynamic-help-icon-style {
    vertical-align: middle;
    position: relative;
    top: -2px;
  }
  
  af|inputText:multi-row::dynamic-help-icon-style {
    vertical-align: -40%;
    top: -2px;
  }
  
  af|inputText:multi-row:read-only af|inputText::dynamic-help-icon-style {
    top: -2px;
    vertical-align: -40%;
  }
  
  af|inputText .AFRequiredIconStyle {
    margin-right: 2px;
  }
  af|inputText:rtl .AFRequiredIconStyle {
    margin-left: 2px;
  }
  
  af|inputText:multi-row .AFRequiredIconStyle {
    vertical-align: -30%;
  }
  
  af|selectBooleanRadio::dynamic-help-icon-style { 
    vertical-align: -30%;
    top: 0px;
  }
  
  af|selectBooleanRadio:read-only::content {
    position: relative;
    top: 2px;
  }
  
}

/* changed icons */
/* vertical align tweak for components in a panelLabelAndMessage */
af|panelLabelAndMessage::content-cell .AFPanelFormLayoutContentCell af|inputColor::changed-icon,
af|panelLabelAndMessage::content-cell .AFPanelFormLayoutContentCell af|inputComboboxListOfValues::changed-icon,
af|panelLabelAndMessage::content-cell .AFPanelFormLayoutContentCell af|inputDate::changed-icon,
af|panelLabelAndMessage::content-cell .AFPanelFormLayoutContentCell af|inputFile::changed-icon,
af|panelLabelAndMessage::content-cell .AFPanelFormLayoutContentCell af|inputListOfValues::changed-icon,
af|panelLabelAndMessage::content-cell .AFPanelFormLayoutContentCell af|inputNumberSlider::changed-icon,
af|panelLabelAndMessage::content-cell .AFPanelFormLayoutContentCell af|inputNumberSpinbox::changed-icon,
af|panelLabelAndMessage::content-cell .AFPanelFormLayoutContentCell af|inputRangeSlider::changed-icon,
af|panelLabelAndMessage::content-cell .AFPanelFormLayoutContentCell af|inputText::changed-icon,
af|panelLabelAndMessage::content-cell .AFPanelFormLayoutContentCell af|richTextEditor::changed-icon,
af|panelLabelAndMessage::content-cell .AFPanelFormLayoutContentCell af|codeEditor::changed-icon,
af|panelLabelAndMessage::content-cell .AFPanelFormLayoutContentCell af|selectBooleanCheckbox::changed-icon,
af|panelLabelAndMessage::content-cell .AFPanelFormLayoutContentCell af|selectBooleanRadio::changed-icon,
af|panelLabelAndMessage::content-cell .AFPanelFormLayoutContentCell af|selectManyCheckbox::changed-icon,
af|panelLabelAndMessage::content-cell .AFPanelFormLayoutContentCell af|selectManyChoice::changed-icon,
af|panelLabelAndMessage::content-cell .AFPanelFormLayoutContentCell af|selectManyListbox::changed-icon,
af|panelLabelAndMessage::content-cell .AFPanelFormLayoutContentCell af|selectManyShuttle::changed-icon,
af|panelLabelAndMessage::content-cell .AFPanelFormLayoutContentCell af|selectOneChoice::changed-icon,
af|panelLabelAndMessage::content-cell .AFPanelFormLayoutContentCell af|selectOneListbox::changed-icon,
af|panelLabelAndMessage::content-cell .AFPanelFormLayoutContentCell af|selectOneRadio::changed-icon,
af|panelLabelAndMessage::content-cell .AFPanelFormLayoutContentCell af|selectOrderShuttle::changed-icon {
  vertical-align: middle;
}

/* 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: 9px;
  width: 22px;
  content: url("/afr/alta-v1/connected.gif");
}

/* This icon represents the processing state. This icon is generally an animated icon
 * that indicates communication IS occuring with the server.
 */
af|statusIndicator::processing-icon {
  height: 9px;
  width: 22px;
  content: url("/afr/alta-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: 9px;
  width: 22px;
  content: url("/afr/alta-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: 9px;
  width: 22px;
  content: url("/afr/alta-v1/connected.gif");
}

/* This icon is displayed when the Active Data Service has lost connection and is
 * attempting to reconnect. This icon is generally an animated icon.
 */
af|statusIndicator::reconnecting-icon {
  height: 9px;
  width: 22px;
  content: url("/afr/alta-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: 9px;
  width: 22px;
  content: url("/afr/alta-v1/disconnected-static.gif");
}

af|progressIndicator::indeterminate,
af|progressIndicator::determinate {
  border: 1px solid -tr-property-ref(".AFFormControlContentBorderColor:alias","color");
  border-radius: -tr-property-ref(".AFButtonBorder:alias","border-radius");
  height: 14px; /* offset height to be 16px */
  width: 112px; /* offset width to be 114px */
}

af|progressIndicator::indeterminate {
  background-repeat: repeat-x;
}

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

/* add on style class for indeterminate finished progress indicator */
af|progressIndicator::indeterminate:finished {
  background-image: url("/afr/alta-v1/progress_bar.png");
}

af|progressIndicator::determinate-start-label,
af|progressIndicator::determinate-end-label {
  color: -tr-property-ref(".AFTextColor:alias","color");
  -tr-rule-ref: selector(".AFDefaultFont:alias");
  padding-top: 5px; /* for 8px vertical gap b/w progress indicator and label */
}
@agent ie and (min-version:9) {
  af|progressIndicator::determinate-start-label,
  af|progressIndicator::determinate-end-label {
    padding-top: 6px;
  }
}

af|progressIndicator::determinate-filled-icon-style {
  background-image: url("/afr/alta-v1/progress_bar.png");
  height: 100%; /* filled icon is an empty inline element, force it to take up all the height of parent */
}
/* style class for determinate progress indicator */
af|progressIndicator::determinate-empty-icon-style {
  -tr-inhibit: background-image;
  background-color: -tr-property-ref(".AFFormControlContentColor:alias","color");
  height: 100%; /* empty icon is an empty inline element, force it to take up all the height of parent */
}

/* Start of pageStamp styles */

/* Style to apply to task/user stamp and key notation containers */
.AFStampContainer {
  -tr-rule-ref: selector(".AFDefaultFont:alias");
  color: -tr-property-ref(".AFPageStampTextColor:alias","color");
}

.AFStampContainer af|selectOneChoice::compact-content{
  vertical-align: top;
}

.AFStampContainer af|selectOneChoice::compact-dropdown {
  padding-top: 0px;
  padding-bottom: 0px
}

.AFStampContainer af|selectOneChoice::compact-dropdown-icon-style{
  vertical-align: top;
}

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

/* Style for task stamp text values */
.AFTaskStampTextValue {
  font-weight: -tr-property-ref(".AFDefaultBoldFont:alias","font-weight");
  white-space: nowrap;
  margin: 0px 0px 0px 4px;
}


/* 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 {
  font-weight: -tr-property-ref(".AFDefaultBoldFont:alias","font-weight");
  white-space: nowrap;
  margin: 0px 5px 0px 4px;
  -tr-inhibit: font-family;
  -tr-inhibit: font-size;
}

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

/* because of the bold text in mac webkit give it a -1px margin so that the text lines up */
@platform macos {
    @agent webkit {
    .AFTaskStampTextValue, .AFUserStampTextValue {
      margin-top: -1px;
      display: inline-block;
    }
  }
}

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

/* key notation main text */
.AFKeyNotationText af|showDetail::header-text{
  font-weight: normal;
  color: -tr-property-ref(".AFPageStampTextColor:alias","color"); 
}


/* End of pageStamp styles */

/* 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{
  content: -tr-property-ref(".AFDynamicHelpIconStyleDisabled:alias","background-image");
}

/* Header title is baseline aligned. Overwriting vertical-align: -4px from AFDynamicHelpIconStyle */
af|panelHeader::dynamic-help-icon-style,
af|showDetailHeader::dynamic-help-icon-style,
af|query::dynamic-help-icon-style {
  margin-left: 5px;
  vertical-align: baseline;
}

af|panelHeader::dynamic-help-icon-style:rtl,
af|showDetailHeader::dynamic-help-icon-style:rtl,
af|query::dynamic-help-icon-style:rtl {
  margin-left: 0px;
  margin-right: 5px;
}

@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");
}

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

@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|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");
  }

  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");
  }
}

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

/* Use a background image and color on the document as per RCUX spec */
af|document {
  color: -tr-property-ref(".AFTextColor:alias","color");
  background-color: -tr-property-ref(".AFDecorativeColor:alias","color");
  background-image: url('/afr/alta-v1/tile.png');
  background-repeat: repeat;
  background-position: top left;
  background-size: 6px 6px;
}

af|document:printable {
  -tr-inhibit:  background-color;
  color: -tr-property-ref(".AFTextColor:alias","color");
  background-image: none;
}

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

/* Alta 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 {
  /*TODO ALTA*/
}

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

/* Style for the skip link content rendered by af:document when
   af:skipLinkTarget is present. */
af|document::skip-link {
  background-color: -tr-property-ref(".AFBackgroundColor:alias","color");
}

/* End of document */

/* start of breadCrumbs styles */

af|breadCrumbs {
  -tr-vertical-indent-spaces: 12;
   line-height: 24px;
}
af|breadCrumbs::step {
  -tr-rule-ref: selector(".AFLinkForeground:alias");
}
af|breadCrumbs::step:selected {
  -tr-rule-ref: selector(".AFTextColor:alias");
}
af|breadCrumbs::step:disabled {
  -tr-rule-ref: selector(".AFLinkDisabled:alias");
}
af|breadCrumbs::overflow-indicator {
  background-image: url("/afr/alta-v1/breadcrumb_gof_ena.png");
  background-position: center center;
  top: 4px;
  padding-left: 4px;
  padding-right: 4px;
  padding-bottom: 4px;
  padding-top: 2px;
  vertical-align: middle;
  -tr-inhibit: min-height;
  width: 14px;
  height: 11px;
}
af|body:high-contrast af|breadCrumbs::overflow-indicator > img {
  display:block;
  margin-left:2px;
  margin-top:3px;
}
af|body:high-contrast af|breadCrumbs::overflow-indicator {
  left: 2px;
}
af|breadCrumbs:start-overflow::body:ltr{
  padding-left: 25px;
}
af|breadCrumbs:start-overflow::body:rtl{
  padding-right: 25px;
}
af|breadCrumbs::overflow-indicator:disabled {
  background-image: url("/afr/alta-v1/breadcrumb_lof_ena.png");
}
af|breadCrumbs::overflow-indicator:depressed,
af|breadCrumbs::overflow-indicator:depressed:selected,
af|breadCrumbs::overflow-indicator:depressed:hover
{
  background-image: url("/afr/alta-v1/breadcrumb_of_dwn.png"), -tr-property-ref(".AFButtonBackgroundActive:alias","background-image");
    background-color: -tr-property-ref(".AFButtonBackgroundActive:alias","background-color");
  border:  1px solid -tr-property-ref(".AFButtonBorderActiveColor:alias","color");
  border-radius: -tr-property-ref(".AFButtonBorder:alias","border-radius");
  top: 4px;
  padding-top:1px;
  padding-bottom:3px;
  padding-right: 3px;
  padding-left:3px;
}
af|breadCrumbs::overflow-container .AFOverflowElement {
  line-height: 24px;
}
af|breadCrumbs::overflow-container .AFOverflowElement af|breadCrumbs::step{
  text-align: start;
}
af|breadCrumbs::overflow-container {
  padding: 4px 10px 4px 10px;
}
@agent (touchScreen:none) {
   af|breadCrumbs::step:hover {
    text-decoration: underline;
  }
  af|breadCrumbs::overflow-indicator:hover {
    background-image: url("/afr/alta-v1/breadcrumb_of_ovr.png"), -tr-property-ref(".AFButtonBackgroundHover:alias","background-image");
    background-color: -tr-property-ref(".AFButtonBackgroundHover:alias","background-color");
    border: 1px solid -tr-property-ref(".AFButtonBorderHoverColor:alias","color");
    border-radius: -tr-property-ref(".AFButtonBorder:alias","border-radius");
    top: 4px;
    padding-top:1px;
    padding-bottom:3px;
    padding-right: 3px;
    padding-left:3px;
  }
  af|body:high-contrast af|breadCrumbs::overflow-indicator:hover {
    left: 0px;
  }
  af|breadCrumbs::overflow-container .AFOverflowElement af|breadCrumbs::step:disabled:hover{
    background-color: transparent;
  }
}
af|breadCrumbs::separator {
  -tr-rule-ref: selector(".AFLinkColor:alias");
}
/* end of breadCrumbs styles */

/* panelBox styles */
af|region {
}

/* panelBox has border, but region does not */
af|panelBox {
  border-width: 1px;
  border-style: solid;
  border-color: -tr-property-ref(".AFPanelBorderColor:alias","color");
  /* border-radius is required to use aliases */
  border-radius: -tr-property-ref(".AFSmallBorderRadius:alias","border-radius");
  -tr-header-height: 42px;
  -tr-draggable-header-height: 50px;
  -tr-disclose-with-up-down-arrow: true;
}

af|panelBox::content {
  border: none;
  padding: 0px 10px 0px 10px;
  overflow: auto;
}

af|panelBox::disclosure-icon-container {
  padding: 0px;
  padding: 0px;
  width: 24px;
  height: 26px;
}

af|panelBox::undisclosed-icon-style,
af|panelBox::disclosed-icon-style,
af|region::undisclosed-icon-style,
af|region::disclosed-icon-style {
  width: 24px;
  height: 24px;
  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");
  }
}

af|panelBox::header-center,
af|region::header-center {
}

af|panelBox::header-text {
  height: 34px;
  padding: 0px;
}

/* font styling for the header text */
af|region::header-element,
af|panelBox::header-element {
  -tr-rule-ref: selector(".AFDefaultFont:alias");
  font-size: +2;
  font-weight: -tr-property-ref(".AFDefaultBoldFont:alias","font-weight");
  color: -tr-property-ref(".AFHeaderTextColor:alias","color");
  margin: 0px;
}

af|panelBox::table {
  border: none;
  padding: 8px 10px 0px 10px;
}

af|panelBox::table:not-disclosed {
  border: none;
  padding: 8px 10px 8px 10px;
}

af|panelBox::icon-style {
  padding: 0px 6px 0px 2px;
}

/* Even though the spec calls for 19px when in draggable mode, all
    the browsers except Safari on MacOS show an extra pixel of 
    padding, so define top padding as 18px in all but the 
    non-affected browser. 
*/
af|panelBox::table:draggable
{
  padding: 18px 10px 0px 10px;
  background-image: url("/afr/alta-v1/drag_vertical.png");
  background-repeat: no-repeat;
  background-position: center 8px;
}

af|panelBox::table:not-disclosed:draggable {
  border: none;
  padding: 18px 10px 10px 10px;
}

@platform macos {
  @agent webkit {
    af|panelBox::table:draggable
    {
      padding: 19px 10px 0px 10px;
    }
    
    af|panelBox::table:not-disclosed:draggable {
      padding: 19px 10px 10px 10px;
    }
  }
}

af|region::table {
}

af|panelBox::footer-center,
af|region::footer-center {
}

/* when stretched, position absolute so it does not end up at the top of the box */
af|panelBox:stretched af|panelBox::footer-center {
  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 {
  border: none;
  padding-bottom: 10px;
}

af|panelBox::center:rtl,
af|region::center:rtl {
  border: none;
  padding-bottom:  10px;
}

af|panelBox::table:core:default,
af|region::table:core:default,
af|panelBox::center:core:default,
af|region::center:core:default,
af|panelBox::footer-center:core:default,
af|region::footer-center:core:default   {
  background-color: -tr-property-ref(".AFPanelBoxHeaderCoreDefault:alias","background-color");
}

af|panelBox::table:highlight:default,
af|panelBox::center:highlight:default,
af|panelBox::footer-center:highlight:default {
  background-color: -tr-property-ref(".AFPanelBoxHeaderHighlightDefault:alias","background-color");
}

af|panelBox::table:core:light,
af|panelBox::center:core:light,
af|panelBox::footer-center:core:light {
  background-color: -tr-property-ref(".AFPanelBoxHeaderCoreLight:alias","background-color");
}

af|panelBox::table:highlight:light,
af|panelBox::center:highlight:light,
af|panelBox::footer-center:highlight:light {
  background-color: -tr-property-ref(".AFPanelBoxHeaderHighlightLight:alias","background-color");
}

af|panelBox::table:core:medium,
af|panelBox::center:core:medium,
af|panelBox::footer-center:core:medium {
  background-color: -tr-property-ref(".AFPanelBoxHeaderCoreMedium:alias","background-color");
}


af|panelBox::table:highlight:medium,
af|panelBox::center:highlight:medium,
af|panelBox::footer-center:highlight:medium {
  background-color: -tr-property-ref(".AFPanelBoxHeaderHighlightMedium:alias","background-color");
}

af|panelBox::table:core:dark,
af|panelBox::center:core:dark,
af|panelBox::footer-center:core:dark {
  background-color: -tr-property-ref(".AFPanelBoxHeaderCoreDark:alias","background-color");
}

af|panelBox::table:highlight:dark,
af|panelBox::center:highlight:dark,
af|panelBox::footer-center:highlight:dark {
  background-color: -tr-property-ref(".AFPanelBoxHeaderHighlightDark:alias","background-color");
}

/* Panel Box Aliases */
.AFPanelBoxHeaderCoreDefault:alias,
.AFPanelBoxContentCoreDefault:alias {
  background-color: -tr-property-ref(".AFBackgroundColor:alias","color");
  color: -tr-property-ref(".AFHeaderTextColor:alias","color");
}

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

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

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

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

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

.AFPanelBoxHeaderCoreDark:alias,
.AFPanelBoxContentCoreDark:alias {
  background-color: -tr-property-ref(".AFPanelBoxHeaderCoreMedium:alias","background-color");
  color: -tr-property-ref(".AFHeaderTextColor:alias","color");
}

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

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

af|panelFormLayout::separator {
  background-image: none;
  border-bottom: 1px solid -tr-property-ref(".AFFormControlContentBorderColor:alias","color");
  margin-top: 16px;
  margin-bottom: 8px;
  -tr-inhibit: height;
}

af|panelFormLayout::group-title-text {
  color: -tr-property-ref(".AFHeaderTextColor:alias","color");
  font-weight: -tr-property-ref(".AFDefaultBoldFont:alias","font-weight");
  -tr-rule-ref: selector(".AFDefaultFont:alias");
  font-size: +2;
  margin-top: 27px;
  margin-bottom: 8px;
}

af|panelFormLayout::group-title-separator {
  background-image: none;
  border-top: 1px solid -tr-property-ref(".AFFormControlContentBorderColor:alias","color");
  margin-left: 6px;
  margin-top: 21px;
  -tr-inhibit: margin;
  -tr-inhibit: height;
}

/* Note that there will not a comment between the 2 nodes in production */
af|panelFormLayout::column + af|panelFormLayout::column {
  padding-left: 30px;
}

af|panelFormLayout::column + af|panelFormLayout::column:rtl {
  padding-left: 0px;
  padding-right: 30px;
}

/* 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. */
af|panelFormLayout::content-cell,
.AFPanelFormLayoutContentCell {
  padding-top: 8px;
  padding-left: 7px;
  padding-right: 6px;
}
/* panelLabelAndMessage in a panelFormLayout needs the same padding */
af|panelLabelAndMessage::content-cell.AFPanelFormLayoutContentCell {
  padding-top: 8px;
}
.AFPanelFormLayoutContentCell:rtl {
  padding-left: 6px;
  padding-right: 7px;
}


/* This will align the button with the input components */
.AFPanelFormLayoutContentCell >  af|button,
.AFPanelFormLayoutContentCell >  af|commandButton,
.AFPanelFormLayoutContentCell >  af|commandButton:text-only{
  margin-left: -7px;
}

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

/* I don't see any reason why gecko needs this, I'm removing it.
@agent gecko {
  af|panelLabelAndMessage {
    -tr-output-content-padding: 15px;
  }
}
*/

@agent email {
    af|panelFormLayout::label-cell,
    af|panelFormLayout::column af|panelLabelAndMessage::label {
      vertical-align: middle;
      padding-top: 0px;
      padding-bottom: 0px;
    }

    af|panelLabelAndMessage .AFPanelFormLayoutContentCell {
      vertical-align: middle;
      padding-top: 0px;
      padding-bottom: 0px;
    }
    
    af|panelFormLayout::column af|inputComboboxListOfValues::label:ltr,
    af|panelFormLayout::column af|inputDate::label:ltr,
    af|panelFormLayout::column af|inputNumberSpinbox::label:ltr,
    af|panelFormLayout::column af|inputListOfValues::label:ltr,
    af|panelFormLayout::column af|selectOneChoice::label:ltr,
    af|panelFormLayout::column af|inputText::label:ltr,
    af|panelFormLayout::column af|inputNumberSlider::label:ltr,
    af|panelFormLayout::column af|inputRangeSlider::label:ltr {
      padding-top: 8px;
      padding-right: 0px;
    }

    af|panelFormLayout::column af|inputComboboxListOfValues::label:rtl,
    af|panelFormLayout::column af|inputDate::label:rtl,
    af|panelFormLayout::column af|inputNumberSpinbox::label:rtl,
    af|panelFormLayout::column af|inputListOfValues::label:rtl,
    af|panelFormLayout::column af|selectOneChoice::label:rtl,
    af|panelFormLayout::column af|inputText::label:rtl,
    af|panelFormLayout::column af|inputNumberSlider::label:rtl,
    af|panelFormLayout::column af|inputRangeSlider::label:rtl {
      padding-top: 8px;
      padding-left: 0px;
    }

    af|panelFormLayout::column af|inputNumberSlider::content:ltr,
    af|panelFormLayout::column af|inputRangeSlider::content:ltr {
      padding-left: 6px;
    }

    af|panelFormLayout::column af|inputNumberSlider::content:rtl,
    af|panelFormLayout::column af|inputRangeSlider::content:rtl {
      padding-right: 6px;
    }
}

af|panelLabelAndMessage::label {
  vertical-align: middle;
  -tr-inhibit: padding-top;
  /* Per spec it is 8px since the input element will have 1px margin reduce 1px from the right padding */
  padding-right: 7px;
}

af|panelLabelAndMessage::label:rtl {
  padding-left: 7px;
  padding-right: 0px;
}

@agent email {
  /* Like what is done in simple skin, we want to mimic what is in af|panelFormLayout::label-cell here. */
  af|panelFormLayout::label-cell,
  af|panelFormLayout::column af|panelLabelAndMessage::label {
    padding-top: 8px;
    padding-bottom: 0;
    vertical-align: middle;
  }
  /* In emailable mode, af|panelLabelAndMessage::content-cell.AFPanelFormLayoutContentCell is not 
     being picked up. working around that here by including overrides in 
     af|panelLabelAndMessage .AFPanelFormLayoutContentCell. */
  af|panelLabelAndMessage .AFPanelFormLayoutContentCell {   
    height: 28px;
    padding-top: 8px;
    vertical-align: middle;
  }
}

/* Undo the foreground color from simple, this can have same default alta label color.
   The padding will line up the label with the input box left */
af|panelFormLayout::label-stacked-cell {
  -tr-inhibit: color;
  padding-top: 4px;
  padding-left: 8px;
}

af|panelLabelAndMessage::end-facet {
  -tr-inhibit: padding;
  /* Per spec it is 6px since the input element will have 1px margin reduce 1px from the left padding */
  padding: 0px 0px 0px 5px;
}

af|panelLabelAndMessage::end-facet:rtl {
  -tr-inhibit: padding;
  /* Per spec it is 6px since the input element will have 1px margin reduce 1px from the left padding */
  padding: 0px 5px 0px 0px;
}


af|panelLabelAndMessage::content-cell.AFPanelFormLayoutContentCell {
  vertical-align: middle;
  padding-top: 8px;
  /*TODO ALTA - this needs to match up to the height of the input component*/
  height: 28px;
}
  
/* 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 {
   /*TODO ALTA*/
  }
  af|selectOneChoice:read-only .AFPanelFormLayoutContentCell {
    /*TODO ALTA*/
  }

  af|panelLabelAndMessage::content-cell.AFPanelFormLayoutContentCell af|inputNumberSlider,
  af|panelLabelAndMessage::content-cell.AFPanelFormLayoutContentCell af|inputRangeSlider {
    /*TODO ALTA*/
  }
  /* 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 {
    /*TODO ALTA*/
  }
  af|panelLabelAndMessage::content-cell.AFPanelFormLayoutContentCell af|selectBooleanCheckbox:read-only::icon-style {
    /*TODO ALTA*/
  }
  af|panelLabelAndMessage::content-cell.AFPanelFormLayoutContentCell af|selectManyCheckbox:read-only {
    /*TODO ALTA*/
  }
  /* we don't want a min-height for readOnly */
  af|selectOneListbox:read-only::content {
    /*TODO ALTA*/
  }
}

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

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

/* Alta defaults to conveyor belt for compressed tab layout. */
af|panelTabbed,
af|navigationPane {
  -tr-layout-type: conveyor;
}

af|panelTabbed,
af|navigationPane-tabs {
  /* 16 for icon + 14 for paddings and 3 for border */
  -tr-tab-bar-height: 33px;
}

/* For IE inhibit the height style to prevent truncation*/
@agent ie {
  af|navigationPane {
    -tr-inhibit: height;
  }
}

/* vertical align top is needed for conveyor belt floating tabs */
af|panelTabbed::tab,
af|navigationPane-tabs::tab {
  background-color: -tr-property-ref(".AFTabColor:alias","color");
  margin-right: 0px;
  margin-left: 0px;
  border-top: 3px solid -tr-property-ref(".AFTabBorderColor:alias","color");
}

/* disabled tabs are transparent via color alias as well */
af|panelTabbed::tab:disabled,
af|navigationPane-tabs::tab:disabled {
  background-color: -tr-property-ref(".AFTabDisabledColor:alias","color");
  border-top-color: -tr-property-ref(".AFTabBorderDisabledColor:alias","color");
}

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

af|panelTabbed::tab:selected,
af|navigationPane-tabs::tab:selected {
  border-top: 3px solid -tr-property-ref(".AFTabSelectedBorderAccentColor:alias","color"); 
  background-color: -tr-property-ref(".AFBackgroundColor:alias","color");
}

af|panelTabbed::tab af|panelTabbed::tab-text-link:rtl,
af|navigationPane-tabs::tab af|navigationPane-tabs::tab-link:rtl {
  padding-right: 0px;
  padding-left: 4px; 
}

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

af|navigationPane-tabs::tab:selected af|navigationPane-tabs::tab-start,
af|navigationPane-tabs::tab:selected:disabled af|navigationPane-tabs::tab-start,
af|panelTabbed::tab:selected af|panelTabbed::tab-start,
af|panelTabbed::tab:selected:disabled af|panelTabbed::tab-start,
af|navigationPane-tabs::tab:selected af|navigationPane-tabs::tab-end,
af|navigationPane-tabs::tab:selected:disabled af|navigationPane-tabs::tab-end,
af|panelTabbed::tab:selected af|panelTabbed::tab-end,
af|panelTabbed::tab:selected:disabled af|panelTabbed::tab-end,
af|navigationPane-tabs::tab:selected af|navigationPane-tabs::tab-content,
af|navigationPane-tabs::tab:selected:disabled af|navigationPane-tabs::tab-content,
af|panelTabbed::tab:selected af|panelTabbed::tab-content,
af|panelTabbed::tab:selected:disabled af|panelTabbed::tab-content {
  -tr-inhibit: background-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|navigationPane-bar::content af|navigationPane-bar::link:disabled,
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(".AFLinkColor:alias","color");
}

af|navigationPane-bar::content af|navigationPane-bar::link {
  color: -tr-property-ref(".AFLinkColor:alias","color");
  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,
  af|navigationPane-bar::content af|navigationPane-bar::link:disabled:hover {
    color: -tr-property-ref(".AFLinkDisabledColor:alias","color");
    text-decoration: none;
  }
  
  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:selected:hover af|navigationPane-tabs::tab-content,
  af|navigationPane-tabs::tab:selected:hover af|navigationPane-tabs::tab-link,
  af|navigationPane-bar::content af|navigationPane-bar::link:selected:hover,
  af|navigationPane-bar::content af|navigationPane-bar::link:hover {
    color: -tr-property-ref(".AFLinkColor:alias","color");
    text-decoration: none;
  }
  
  af|navigationPane-bar::content af|navigationPane-bar::link:selected:hover {
    text-decoration: none;
  }
  
}

af|navigationPane-tabs::overflow-container,
af|panelTabbed::overflow-container {
  padding: 3px 10px;
}

/* 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(".AFLinkForeground:alias");
}

.AFConveyorBeltElement af|panelTabbed::tab-text-link:selected,
.AFConveyorBeltElement af|navigationPane-tabs::tab-link:selected,
.AFOverflowElement af|panelTabbed::tab-text-link:selected,
.AFOverflowElement af|navigationPane-tabs::tab-link:selected {
  font-weight: bold;
}


/* This is needed so that the text decoration shows the right color */
af|panelTabbed::conveyor-belt-container .AFConveyorBeltElement,
af|navigationPane-tabs::conveyor-belt-container .AFConveyorBeltElement,
af|panelTabbed::overflow-container .AFOverflowElement,
af|navigationPane-tabs::overflow-container .AFOverflowElement {
  color: -tr-property-ref(".AFLinkColor:alias","color");
}
  
af|panelTabbed::conveyor-belt-container .AFConveyorBeltElementDisabled,
af|navigationPane-tabs::conveyor-belt-container .AFConveyorBeltElementDisabled,
af|panelTabbed::overflow-container .AFOverflowElementDisabled,
af|navigationPane-tabs::overflow-container .AFOverflowElementDisabled {
  color: -tr-property-ref(".AFLinkDisabled:alias","color");
  
}

.AFConveyorBeltElement af|panelTabbed::tab-text-link,
.AFConveyorBeltElement af|navigationPane-tabs::tab-link,
.AFOverflowElement af|panelTabbed::tab-text-link,
.AFOverflowElement af|navigationPane-tabs::tab-link {
  line-height: 24px;
}

.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(".AFLinkDisabled:alias","color");
}

af|panelDrawer:end:iconified:float af|panelDrawer::body,
af|panelDrawer:right:iconified:float af|panelDrawer::body,
af|panelDrawer:start:iconified:float af|panelDrawer::body:rtl  {
  box-shadow: -1px 1px 1px rgba(0, 0, 0, 0.15);
}

af|panelDrawer:end:iconified:max:float af|panelDrawer::body,
af|panelDrawer:right:iconified:max:float af|panelDrawer::body,
af|panelDrawer:start:iconified:max:float af|panelDrawer::body:rtl  {
  box-shadow: -1px 0px 1px rgba(0, 0, 0, 0.15);
}

af|panelDrawer:start:iconified:float af|panelDrawer::body,
af|panelDrawer:left:iconified:float af|panelDrawer::body,
af|panelDrawer:end:iconified:float af|panelDrawer::body:rtl {
  box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.15);
}

af|panelDrawer:start:iconified:max:float af|panelDrawer::body,
af|panelDrawer:left:iconified:max:float af|panelDrawer::body,
af|panelDrawer:end:iconified:max:float af|panelDrawer::body:rtl {
  box-shadow: 1px 0px 1px rgba(0, 0, 0, 0.15);
}

af|panelDrawer:end:iconified:float af|panelDrawer::tab-content,
af|panelDrawer:right:iconified:float af|panelDrawer::tab-content,
af|panelDrawer:start:iconified:float af|panelDrawer::tab-content:rtl {
  box-shadow: none;
}

af|panelDrawer:start:iconified:float af|panelDrawer::tab-content,
af|panelDrawer:left:iconified:float af|panelDrawer::tab-content,
af|panelDrawer:end:iconified:float af|panelDrawer::tab-content:rtl {
  box-shadow: none;
}

af|panelDrawer:end:iconified:float af|panelDrawer::tab:selected af|panelDrawer::tab-content,
af|panelDrawer:right:iconified:float af|panelDrawer::tab:selected af|panelDrawer::tab-content,
af|panelDrawer:start:iconified:float af|panelDrawer::tab:selected af|panelDrawer::tab-content:rtl {
  box-shadow: -1px 1px 1px rgba(0, 0, 0, 0.15);
}

af|panelDrawer:start:iconified:float af|panelDrawer::tab:selected af|panelDrawer::tab-content,
af|panelDrawer:left:iconified:float af|panelDrawer::tab:selected af|panelDrawer::tab-content,
af|panelDrawer:end:iconified:float af|panelDrawer::tab:selected af|panelDrawer::tab-content:rtl {
  box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.15);
}

/* 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:iconified af|panelTabbed::tab-content {
  background-color: -tr-property-ref(".AFBackground2Color:alias","color");
  border-color: -tr-property-ref(".AFBackgroundBorderColor:alias","color");
}

af|panelDrawer:iconified af|panelDrawer::tab-content {
  background-color: -tr-property-ref(".AFBackground2Color:alias","color");
  border-color: -tr-property-ref(".AFBackground2BorderColor:alias","color");
}

af|panelTabbed::tabs:iconified 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(".AFBackgroundColor:alias","color");
  border-color: -tr-property-ref(".AFBackground2BorderColor:alias","color");
}

af|panelTabbed::tabs:iconified af|panelTabbed::tab:disabled af|panelTabbed::tab-content,
af|panelTabbed::tabs:iconified af|panelTabbed::tab:disabled:hover af|panelTabbed::tab-content {
  border-color: -tr-property-ref(".AFBackgroundBorderColor:alias","color");
}

af|panelDrawer:end:iconified af|panelDrawer::tab af|panelDrawer::tab-content,
af|panelDrawer:right:iconified af|panelDrawer::tab af|panelDrawer::tab-content,
af|panelDrawer:start:iconified af|panelDrawer::tab af|panelDrawer::tab-content:rtl,
af|panelTabbed::tabs:start-tabs:iconified af|panelTabbed::tab af|panelTabbed::tab-content,
af|panelTabbed::tabs:left-tabs:iconified af|panelTabbed::tab af|panelTabbed::tab-content,
af|panelTabbed::tabs:end-tabs:iconified af|panelTabbed::tab af|panelTabbed::tab-content:rtl {
  border-top-left-radius:2px;  
  border-bottom-left-radius:2px;
  border-width: 1px 0px 1px 1px;
  /* This will undo the overlapping borders and still have the border radius on the top */
  margin-top: -1px;
  padding-right: 1px;
}

af|panelDrawer:start:iconified af|panelDrawer::tab af|panelDrawer::tab-content,
af|panelDrawer:left:iconified af|panelDrawer::tab af|panelDrawer::tab-content,
af|panelDrawer:end:iconified af|panelDrawer::tab af|panelDrawer::tab-content:rtl,
af|panelTabbed::tabs:end-tabs:iconified af|panelTabbed::tab af|panelTabbed::tab-content,
af|panelTabbed::tabs:right-tabs:iconified af|panelTabbed::tab af|panelTabbed::tab-content,
af|panelTabbed::tabs:start-tabs:iconified af|panelTabbed::tab af|panelTabbed::tab-content:rtl {
  border-top-right-radius:2px;  
  border-bottom-right-radius:2px;
  border-width: 1px 1px 1px 0px;
  /* This will undo the overlapping borders and still have the border radius on the top */
  margin-top: -1px;
  padding-left: 1px;
}


af|panelTabbed::tabs:start-tabs:iconified,
af|panelTabbed::tabs:end-tabs:iconified,
af|panelTabbed::tabs:left-tabs:iconified,
af|panelTabbed::tabs:right-tabs:iconified,
af|panelDrawer:end:iconified af|panelDrawer::tabs,
af|panelDrawer:start:iconified af|panelDrawer::tabs,
af|panelDrawer:right:iconified af|panelDrawer::tabs,
af|panelDrawer:left:iconified af|panelDrawer::tabs {
  padding-top:15px;
}

/* Undo the borders from horizontal tabs */
af|panelTabbed::tabs:iconified af|panelTabbed::tab,
af|panelTabbed::tabs:iconified af|panelTabbed::tab:selected {
  border-width: 0px;
}

af|panelTabbed::tabs:iconified af|panelTabbed::tab-content {
  height: auto;
}

af|panelTabbed::tab-content,
af|navigationPane-tabs::tab-content {
  /* Fix the height of the tab content to match the height of the icon if present in the tab content */
  height: 16px;
  padding-left: 8px;
  padding-right: 4px;
  padding-top: 7px;
  padding-bottom: 7px;
  border-right: 1px solid -tr-property-ref(".AFTabBorderColor:alias","color");
  border-left: 1px solid -tr-property-ref(".AFTabBorderColor:alias","color");
  /* Undo background color from simple skin */
  -tr-inhibit: background-color;
  -tr-inhibit: box-sizing;
}

af|panelTabbed::tab:disabled af|panelTabbed::tab-content,
af|navigationPane-tabs::tab:disabled af|navigationPane-tabs::tab-content {
 border-right-color: -tr-property-ref(".AFTabBorderDisabledColor:alias","color");
 border-left-color: -tr-property-ref(".AFTabBorderDisabledColor:alias","color");
}

af|panelTabbed::tab-content:rtl,
af|navigationPane-tabs::tab-content:rtl {
  padding-left: 4px;
  padding-right: 8px;

}

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

@agent gecko {
  af|panelTabbed::tab-content,
  af|navigationPane-tabs::tab-content {
    -tr-inhibit: -moz-box-sizing;
  }
}

af|panelTabbed::tab-content-inner,
af|navigationPane-tabs::tab-content-inner {
  padding-right: 4px;
}

af|panelTabbed::tab-content-inner:rtl,
af|navigationPane-tabs::tab-content-inner:rtl {
  padding-left: 4px;
  padding-right: 0px;
  float: right;
}

/* Sizing the tab using height and providing padding top/bottom is sufficient. So turn off line-height*/
af|panelTabbed::tab-start,
af|panelTabbed::tab-end,
af|panelTabbed::tab-content,
af|panelTabbed::tab-content-inner,
af|navigationPane-tabs::tab-start,
af|navigationPane-tabs::tab-end,
af|navigationPane-tabs::tab-content,
af|navigationPane-tabs::tab-content-inner
{
  -tr-inhibit: line-height;
}

/* position header and footer 1px above/below to eat into the horizontal line from the body border */
af|panelTabbed::header   {
  top: 1px;
}

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

/* Like their topside counterparts, bottom dweller tabls also need to use the transparent color aliases. */
af|panelTabbed::footer af|panelTabbed::tab {
  border-bottom: 3px solid -tr-property-ref(".AFTabBorderColor:alias","color");
  border-top: none;
}

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

af|panelTabbed::footer af|panelTabbed::tab:selected {
  border-bottom: 3px solid -tr-property-ref(".AFTabSelectedBorderAccentColor:alias","color");
}

af|panelTabbed::body {
  border-radius: -tr-property-ref(".AFLargeBorderRadius:alias","border-radius");
  border: 1px solid -tr-property-ref(".AFBackgroundBorderColor:alias","color");
  background-color: -tr-property-ref(".AFBackgroundColor:alias","color");
  /* Undo text color set from base skin */
  -tr-inhibit: color;
  padding: 10px;
}

/* in alta 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 {
  border: 1px solid -tr-property-ref(".AFBackground2BorderColor:alias","color");
  background-color: -tr-property-ref(".AFBackgroundColor:alias","color");
  /* Undo text color set from base skin */
  -tr-inhibit: color;
  padding: 10px;
}


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

/* tab icon styles */
af|panelDrawer::icon-style,
af|panelTabbed::icon-style,
af|navigationPane-tabs::icon-style,
af|panelTabbed::remove-icon-style,
af|navigationPane-tabs::remove-icon-style {
  vertical-align: middle;
  -tr-inhibit: padding-top;
}

af|panelTabbed::footer af|panelTabbed::icon-style,
af|panelTabbed::footer af|panelTabbed::remove-icon-style{
  -tr-inhibit: padding-top;
  -tr-inhibit: vertical-align;
}

af|navigationPane-tabs::icon-style,
af|panelTabbed::icon-style {
  padding-bottom: 3px;
}
af|panelTabbed::footer af|panelTabbed::icon-style {
  -tr-inhibit: padding-bottom;
}

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 {
  -tr-inhibit: padding-bottom;
}

@agent gecko {
  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 {
    /* undo display: -moz-inline-box from simple. inline-block is supported FF 3.0+*/
    display: inline-block;
  }
}

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 {
  -tr-inhibit: margin-left;
  -tr-inhibit: padding-top;
  -tr-inhibit: vertical-align;
  height: 13px;
  width: 13px;
  max-height: 13px;
  /*All modern browsers support display: inline-block, so overriding simple desktop rules.
    Along with that even Edge browser needs display to be set. */
  display: inline-block;
}

@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");
  }
}

af|navigationPane-tabs::conveyor-belt-container,
af|panelTabbed::conveyor-belt-container {
  padding: 3px 10px;
}

af|navigationPane-tabs::conveyor-belt-container .AFConveyorBeltElement,
af|panelTabbed::conveyor-belt-container .AFConveyorBeltElement {
  -tr-inhibit: padding;
}

/* 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|dialog::footer-button,
af|commandButton,
af|goButton{
  padding: 0px 2px;
  min-height: 28px;
  margin-top: 0px;
  margin-bottom: 0px;
}

/*For trainButtonBar - native button type to ensure proper height and padding*/
af|trainButtonBar::back-button,
af|trainButtonBar::next-button {
  padding: 0px 8px;
  min-height: 28px;
  margin-top: 0px;
  margin-bottom: 0px;
}

@agent gecko {
  /*mozilla is taking more auto width of text when compared to other browsers.*/
  af|trainButtonBar::back-button,
  af|trainButtonBar::next-button {
     padding: 0px 5px;
  }
}

af|dialog::footer-button:text-only,
af|commandButton:text-only,
af|goButton:text-only,
af|resetButton {
  padding: 4px 7px 3px 8px;
  min-height: 28px;
}

af|commandButton:text-only,
af|goButton:text-only {
  -tr-inhibit: margin;
}
@agent gecko {
  af|dialog::footer-button:text-only,
  af|commandButton:text-only,
  af|goButton:text-only,
  af|resetButton {
    padding: 4px 4px 3px 5px;
  }
}

@agent webkit {
  af|dialog::footer-button:text-only,
  af|commandButton:text-only,
  af|goButton:text-only,
  af|resetButton {
    padding: 3px 7px 4px 8px;
  }
}


.AFNoteWindowAllButton {
  padding: 6px 7px 6px 8px;
}
/* IE 7 does not support box-sizing and the default box-sizing of button element is content-box for IE vs border-box on
   other browsers and hence reduce the min-height on IE7/IE8 */
@agent ie and (version: 7.0), ie and (version: 8.0) {
  af|dialog::footer-button:text-only,
  af|commandButton:text-only,
  af|goButton:text-only,
  af|resetButton {
    min-height: 19px;
  }
}

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

@agent webkit {

  af|commandButton::icon-style,
  af|dialog::footer-button-icon-style,
  af|goButton::icon-style {
    padding-bottom:4px;
    padding-top:4px;
    vertical-align:middle;
  }
}

@agent ie {
  af|commandButton::icon-style,
  af|dialog::footer-button-icon-style,
  af|goButton::icon-style {
    padding-bottom:5px;
    padding-top:5px;
    vertical-align:middle;
  }

  af|commandToolbarButton::text {
    vertical-align: middle;
	padding-top: 1px;
  }
}

@agent ie and (version: 8.0) {
  af|commandToolbarButton:text-only::text {
    vertical-align: middle;
    position: relative;
    top: -1px
  }

  af|commandToolbarButton::text {
    vertical-align: middle;
  }
}


/* private style for text on buttons that have icon and text */
af|commandButton::text-by-icon-style,
af|goButton::text-by-icon-style {
  padding-left: 5px;
  padding-right: 5px;
  position: relative;
  top: 1px;
}

/* End of base button styles */

/* Start of base link styles */
/* 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|commandImageLink:visited::text,
af|goImageLink:visited::text,
af|link:link:active,
af|commandImageLink:link:active,
af|goImageLink:link:active,
af|goLink:link:active,
af|commandLink:link:active {
  -tr-inhibit: color;
  -tr-inhibit: font-size;
  -tr-inhibit: font-weight;
  -tr-inhibit: font-family;
  -tr-inhibit: margin-left;
}

af|commandLink,
af|goLink,
af|link,
af|commandImageLink,
af|goImageLink,
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(".AFLinkForeground:alias");
}

af|messages::component-link {
  -tr-rule-ref: selector(".AFLinkForeground:alias");
  -tr-inhibit: white-space;  
}

af|link:active,
af|commandImageLink:active,
af|goImageLink:active{
  -tr-rule-ref: selector(".AFActiveLinkForeground:alias");
  /*adding text-decoration:none to ensure underline is not applied at the root level*/
  /*underline is applied at the child text span level*/
  text-decoration: none;
}

af|commandLink:active,
af|goLink:active{
  /*golink and commandlink does not have text span element, so applying at top most element level*/
  -tr-rule-ref: selector(".AFActiveLinkForeground:alias");
}

af|link:link:active,
af|commandImageLink:link:active,
af|goImageLink:link:active{
   color: -tr-property-ref(".AFActiveLinkForeground:alias","color");
}

/* This is a fix of bug caused by the fix of bug Bug 14703159 for tree.
 * In tree, the node stamp text has an inline-height of 25px so no need to use display:inline-block
 */
@agent ie and (version: 8), ie and (version: 9) {
  af|tree::node-stamp-text af|commandImageLink::text,
  af|tree::node-stamp-text af|goImageLink::text,
  af|tree::node-stamp-text af|link::text,
  af|tree::node-stamp-text af|commandImageLink::text:hover,
  af|tree::node-stamp-text af|goImageLink::text:hover,
  af|tree::node-stamp-text af|link::text:hover {
    display:inherit;
  }
}

af|link::text:active,
af|commandImageLink::text:active,
af|goImageLink::text:active,
af|link:link::text:active,
af|commandImageLink:link::text:active,
af|goImageLink:link::text:active{
  /*In some cases like image links, text-decoration does not work at parent level so applying at child level*/
   text-decoration: -tr-property-ref(".AFActiveLinkForeground:alias","text-decoration");
}

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

af|goLink:disabled,
af|commandLink:disabled,
af|link:disabled,
af|commandImageLink:disabled,
af|goImageLink:disabled,
af|goLink:disabled:active,
af|commandLink:disabled:active,
af|link:disabled:active,
af|commandImageLink:disabled:active,
af|goImageLink:disabled:active{
  -tr-rule-ref: selector(".AFLinkDisabled:alias");
}

af|link:selected,
af|commandImageLink:selected,
af|goImageLink:selected,
af|link:selected:active,
af|commandImageLink:selected:active,
af|goImageLink:selected:active{
  -tr-rule-ref: selector(".AFLinkSelectedForeground:alias");
}

af|commandImageLink::image,
af|goImageLink::image,
af|link::image {
    padding-right: 3px; 
}

/* 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|link::text,
  af|commandImageLink::text,
  af|goImageLink::text,
  af|messages::component-link,
  af|calendar::list-day-of-month-link,
  af|calendar::list-title-link,
  af|calendar::month-grid-cell-header-day-link,
  af|calendar::month-overflow-link,
  af|calendar::week-header-day-link {
    text-decoration: -tr-property-ref(".AFLinkForeground:alias","text-decoration");
  }
}
/*valign text along with icon */
af|commandImageLink::text,
af|goImageLink::text,
af|link::text {
  vertical-align :middle;
}

@agent (touchScreen:none) {
  af|commandImageLink::text:hover,
  af|goImageLink::text:hover,
  af|link::text:hover{
    -tr-inhibit: color;
  }
  
  af|commandLink:hover,
  af|goLink:hover,
  af|link:hover,
  af|commandImageLink:hover,
  af|goImageLink: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 {
    color: -tr-property-ref(".AFLinkHoverForeground:alias","color");
  }
  
  af|link::text:hover,
  af|commandImageLink::text:hover,
  af|goImageLink::text:hover,
  af|messages::component-link:hover,
  af|calendar::list-day-of-month-link:hover,
  af|calendar::list-title-link:hover,
  af|calendar::month-grid-cell-header-day-link:hover,
  af|calendar::month-overflow-link:hover,
  af|calendar::week-header-day-link:hover  {
    text-decoration: -tr-property-ref(".AFLinkHoverForeground:alias","text-decoration");
  }
  
  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;
  }

  af|commandImageLink:visited:hover,
  af|goImageLink:visited:hover,
  af|link:visited:hover,
  af|goLink:visited:hover,
  af|commandLink:visited:hover
  {
    color: -tr-property-ref(".AFVisitedLinkForeground:alias","color");
  }
  
 
  af|commandImageLink:disabled:hover,
  af|goImageLink:disabled:hover,
  af|link:disabled:hover,
  af|goLink:disabled:hover,
  af|commandLink:disabled:hover{
    -tr-rule-ref: selector(".AFLinkDisabled:alias");
  }
  
  af|commandImageLink:selected:hover,
  af|goImageLink:selected:hover,
  af|link:selected:hover{
    -tr-rule-ref: selector(".AFLinkSelectedForeground:alias");
  }
  
  af|commandImageLink:disabled af|commandImageLink::text:hover,
  af|goImageLink:disabled af|goImageLink::text:hover,
  af|link:disabled af|link::text:hover
  {
    text-decoration: -tr-property-ref(".AFLinkDisabled:alias","text-decoration");
  }
  af|commandImageLink:selected af|commandImageLink::text:hover,
  af|goImageLink:selected af|goImageLink::text:hover,
  af|link:selected af|link::text:hover{
     text-decoration: -tr-property-ref(".AFLinkSelectedForeground:alias","text-decoration");
  }
}

@agent ie {
  af|commandImageLink::text:active:hover,
  af|link::text:active:hover,
  af|goImageLink::text:active:hover{
    color: -tr-property-ref(".AFActiveLinkForeground:alias","color");
  }
}
/* End of base links styles */

/* Start of chooseDate styles */
af|chooseDate {
  border-color: -tr-property-ref(".AFPanelBorderColor:alias","color");
  background-color: -tr-property-ref(".AFComponentBackgroundColor:alias","color");
  -tr-time-rows: 2;
  padding-bottom: 6px;
}
/* remove the border and margin and padding for the popup selector */
.AFPopupSelectorContent af|chooseDate {
  border: 0px solid transparent;
  margin: 0px;
  padding: 0px;
}

af|chooseDate::week-header-cell {
  width: 24px;
  padding: 4px 0;
}
af|chooseDate::week-header-row {
  -tr-rule-ref: selector(".AFDefaultFontSize:alias");
  font-size: -1;
  font-weight: bold;
  text-transform: uppercase;
  color: -tr-property-ref(".AFTextTertiaryColor:alias","color");
  background-color: -tr-property-ref(".AFComponentBackgroundColor:alias","color");
}

af|chooseDate::month-year-row {
  padding: 7px 8px 4px;
  white-space: nowrap;
}
.AFPopupSelectorContent af|chooseDate::month-year-row {
  padding: 0px 0px 4px;
}
af|chooseDate::year-selector-cell {
  margin: 0px;
  padding-left: 3px;
}
af|chooseDate::year-selector-cell:rtl{
  padding-right: 3px;
}

/* Safari specific: Safari adds extra padding so 3px spec is not maintained */
@agent webkit and (max-version: 534){
  af|chooseDate::year-selector-cell {
    padding-left: 0px;
  }
}
/* Safari has the choice list too short, need to set the line-height for some reason */
@agent webkit {
  af|chooseDate::choice-list {
    display: inline-block;
    height: 28px;
  }
  /* for some reason, Safari needs line-height to make the select element the correct height */
  /* Safari also needs a width tweak.  Neither of these seem to cause chrome any issues. */
  af|chooseDate::choice-list-content {
    line-height: 22px;
    min-width: 94px;
  }
}

af|chooseDate::year-selector-cell af|chooseDate::spinbox-content {
  max-width: 36px;
  padding-left: 0px;
  padding-right: 3px;
}
af|chooseDate::year-selector-cell af|chooseDate::spinbox-content:rtl {
  padding-left: 3px;
  padding-right: 0px;
}
af|chooseDate::calendar-grid {
  border-spacing: 10px 0;
  margin-bottom: 4px;
}
af|chooseDate::days-row {
  font-size: -tr-property-ref(".AFDefaultFont:alias","font-size");
  height: 25px;
  background-color: -tr-property-ref(".AFComponentBackgroundColor:alias","color");
}
@agent ie{
  af|chooseDate::days-row {
    height: 25px;
  }
}

af|chooseDate::days-row:first af|chooseDate::prev-month-day,
af|chooseDate::days-row:first af|chooseDate::regular-day {
}
af|chooseDate::days-row:last af|chooseDate::next-month-day,
af|chooseDate::days-row:last af|chooseDate::regular-day {
  border-color: -tr-property-ref(".AFActiveColor:alias","color");
}
af|chooseDate::days-row:last af|chooseDate::next-month-day,
af|chooseDate::days-row:last af|chooseDate::regular-day {
 padding-bottom: 0px;
}

@agent gecko {
  af|chooseDate::days-row:last {
    height: 25px;
  }
}
af|chooseDate::today {
  background-color: transparent;
  border-color: -tr-property-ref(".AFActiveColor:alias","color");
}
af|chooseDate::today:disabled {
  border-color: -tr-property-ref(".AFDateDisabledColor:alias","color");
  color: -tr-property-ref(".AFLinkDisabledColor:alias","color");
}
af|chooseDate::today:selected {
  color: -tr-property-ref(".AFTextAltColor:alias","color");
  background-color: -tr-property-ref(".AFActiveColor:alias","color");
  border-color: -tr-property-ref(".AFActiveColor:alias","color");
}
@agent (touchScreen:none) {
  af|chooseDate::today:hover {
    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: -tr-property-ref(".AFComponentBackgroundColor:alias","color");
}
af|chooseDate::prev-month-day:selected,
af|chooseDate::next-month-day:selected {
  color: -tr-property-ref(".AFTextAltColor:alias","color");
  background-color: -tr-property-ref(".AFSelectedColor: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::regular-day:disabled,
af|chooseDate::regular-day:disabled:hover,
af|chooseDate::prev-month-day:disabled,
af|chooseDate::prev-month-day:disabled:hover,
af|chooseDate::next-month-day:disabled,
af|chooseDate::next-month-day:disabled:hover {
  color: -tr-property-ref(".AFLinkDisabledColor:alias","color");
  background-color: -tr-property-ref(".AFComponentBackgroundColor:alias","color");
  text-decoration: none;
}
af|chooseDate::regular-day {
  color: -tr-property-ref(".AFTextColor:alias","color");
  background-color: -tr-property-ref(".AFComponentBackgroundColor:alias","color");
}
af|chooseDate::regular-day:selected {
  color: -tr-property-ref(".AFTextAltColor:alias","color");
  background-color: -tr-property-ref(".AFActiveColor:alias","color");
  border-color: -tr-property-ref(".AFActiveColor:alias","color");
}
@agent (touchScreen:none) {
  af|chooseDate::regular-day:hover {
    border-color: -tr-property-ref(".AFActiveColor:alias","color");
    text-decoration: underline;
  }
  af|chooseDate::regular-day:selected:hover {
    color: -tr-property-ref(".AFTextAltColor:alias","color");
    background-color: -tr-property-ref(".AFActiveColor:alias","color");
  }
  af|chooseDate::prev-month-day:selected:hover,
  af|chooseDate::next-month-day:selected:hover {
  /*TODO ALTA*/
    color: -tr-property-ref(".AFTextAltColor:alias","color");
    background-color: -tr-property-ref(".AFSelectedColor:alias","color");
    text-decoration: underline;
  }
}

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 {
  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");
  padding: 4px 4px 4px 2px;
  height: 28px;
  margin: 0px 0px 0px 2px;
}

/* Padding for time selectors in chooseDate */
/* Padding for time and timezone selectors in chooseDate */
af|chooseDate::time-selectors-row,
af|chooseDate::timezone-selectors-row {
  white-space: nowrap;
}
af|chooseDate::timezone-selectors-row {
  padding: 6px 6px 4px;
}
af|chooseDate::timezone-list-content {
  max-width: 243px;
  margin-right: 2px;
  margin-left: 2px;
}
af|chooseDate::time-selectors-row {
  padding: 3px 6px 0px;
}
/* need to minimize the width of the time spinners */
af|chooseDate::time-selectors-row af|chooseDate::spinbox-content {
  padding-left: 0px;
  max-width: 27px;
}
af|chooseDate::time-selectors-row af|chooseDate::spinbox-content:rtl {
  padding-left: 5px;
  padding-right: 0px;
}
af|chooseDate::ampm {
  padding-top: 4px;
  padding-bottom: 0px;
  width: 10%;
  margin-left: auto;
  margin-right: auto;
}
af|chooseDate::ampm-content {
  padding-top: 0px;
}

af|chooseDate::time-separator {
  padding-left: 3px;
  padding-right: 1px;
}
@agent gecko {
  af|chooseDate::time-selectors-row {
    padding-left: 8px;
    padding-right: 8px;
  }
  af|chooseDate::time-separator {
    width: 5px;
    padding-left: 3px;
    padding-right: 1px;
  }
}
af|chooseDate::prev-month-arrow,
af|chooseDate::next-month-arrow {
  width: 26px;
  height: 26px;
  display: block;
  background-position: center center;
  border-radius: -tr-property-ref(".AFButtonBorder:alias","border-radius");
  border: 1px solid transparent;
}
af|chooseDate::prev-month-arrow:rtl,
af|chooseDate::next-month-arrow:rtl {
  width: 26px;
  height: 26px;
}
af|chooseDate::prev-month-arrow,
af|chooseDate::next-month-arrow:rtl {
  background-image: url('/afr/alta-v1/conv_l_ena.png');
}
af|body:high-contrast af|chooseDate::prev-month-arrow:after{
  content: url('/afr/alta-v1/conv_l_ena.png');
  position: relative;
  left: 5px;
  top: 5px;
}
af|body:high-contrast af|chooseDate::next-month-arrow:after:rtl {
  content: url('/afr/alta-v1/conv_l_ena.png');
  position: relative;
  right: 5px;
  top: 5px;
}


af|chooseDate::next-month-arrow,
af|chooseDate::prev-month-arrow:rtl {
  background-image: url('/afr/alta-v1/conv_r_ena.png');
}
af|body:high-contrast af|chooseDate::next-month-arrow:after{
  content: url('/afr/alta-v1/conv_r_ena.png');
  position: relative;
  left: 5px;
  top: 5px;
}
af|body:high-contrast af|chooseDate::prev-month-arrow:after:rtl {
  content: url('/afr/alta-v1/conv_r_ena.png');
  position: relative;
  right: 5px;
  top: 5px;
}

af|chooseDate::prev-month-arrow-cell,
af|chooseDate::next-month-arrow-cell {
  border: 0px solid transparent;
  background-image: none;
  background-color: transparent;
  border-style: none;
  display: block;
  padding: 0px;
  margin: 0px;
}
af|chooseDate::next-month-arrow {
  margin-left: 2px;
}
@agent gecko {
  af|chooseDate::month-year-row {
    padding-top: 6px;
  }
  af|chooseDate::time-selectors-row {
    padding-top: 2px;
  }
  af|chooseDate::ampm {
    padding-top: 5px;
  }
}
@agent ie {
  af|chooseDate::month-year-row {
    padding: 7px 1px 8px 0px;
  }
  af|chooseDate::prev-month-arrow,
  af|chooseDate::next-month-arrow {
    margin-top: 0px;
  }
  af|chooseDate::timezone-selectors-row {
    padding-top: 6px;
    padding-bottom: 4px;
  }
  af|chooseDate::timezone-list-content {
    max-width: 240px;
  }
  af|chooseDate::time-selectors-row {
    padding: 3px 6px 1px 8px;
    max-width: 240px;
  }
  af|chooseDate::time-separator {
    width: 3px;
    padding-left: 2px;
    padding-right: 2px;
  }
  af|chooseDate::ampm {
    padding-top: 5px;
    padding-bottom: 1px;
  }
}
@agent ie and (version: 8) {
  /* ie8 is stupid that it can't handle width: auto and max-width: #px. #ie8fail */
  af|chooseDate::year-selector-cell af|chooseDate::spinbox-content {
    max-width: none;
  }
  af|chooseDate::time-selectors-row af|chooseDate::spinbox-content {
    max-width: none;
  }
  af|chooseDate::timezone-list-content {
    /* because we can't set the max-width on the spinboxes, we need to make this bigger to fit */
    width: 290px;
    max-width: none;
  }
}
@agent ie and (version: 10) {
  af|chooseDate::prev-month-arrow,
  af|chooseDate::next-month-arrow {
    margin-top: 1px;
  }
}
@agent webkit {
 af|chooseDate::time-selectors-row {
    padding-right: 8px;
  }
  af|chooseDate::time-separator {
    width: 6px;
    padding-left: 3px;
    padding-right: 1px;
  }
}
@agent webkit {
  af|chooseDate::spinbox-content {
    top: 0px;
  }
}
@agent (touchScreen:none) {
  af|chooseDate::prev-month-arrow:hover,
  af|chooseDate::next-month-arrow:hover {
    border-color: -tr-property-ref(".AFButtonBorderHoverColor:alias","color");
  }
  af|chooseDate::prev-month-arrow:hover:active,
  af|chooseDate::next-month-arrow:hover:active {
    border-color: -tr-property-ref(".AFButtonBorderActiveColor:alias","color");
    border-style: solid;
  }

  af|chooseDate::prev-month-arrow:hover,
  af|chooseDate::next-month-arrow:hover:rtl
  {
    background-image: url('/afr/alta-v1/conv_l_ovr.png'), -tr-property-ref(".AFButtonBackgroundHover:alias","background-image");
    background-color: -tr-property-ref(".AFButtonBackgroundHover:alias","background-color");
  }
  af|body:high-contrast af|chooseDate::prev-month-arrow:hover:after
  {
    content: url('/afr/alta-v1/conv_l_ovr.png');
    position: relative;
    left: 5px;
    top: 5px;
  }
  af|body:high-contrast af|chooseDate::next-month-arrow:hover:after:rtl
  {
    content: url('/afr/alta-v1/conv_l_ovr.png');
    position: relative;
    right: 5px;
    top: 5px;
  }

  af|chooseDate::next-month-arrow:hover,
  af|chooseDate::prev-month-arrow:hover:rtl
  {
    background-image: url('/afr/alta-v1/conv_r_ovr.png'), -tr-property-ref(".AFButtonBackgroundHover:alias","background-image");
    background-color: -tr-property-ref(".AFButtonBackgroundHover:alias","background-color");
  }
  af|body:high-contrast af|chooseDate::next-month-arrow:hover:after
  {
    content: url('/afr/alta-v1/conv_r_ovr.png');
    position: relative;
    left: 5px;
    top: 5px;
  }
  af|body:high-contrast af|chooseDate::prev-month-arrow:hover:after:rtl
  {
    content: url('/afr/alta-v1/conv_r_ovr.png');
    position: relative;
    right: 5px;
    top: 5px;
  }

  af|chooseDate::prev-month-arrow-cell:hover,
  af|chooseDate::next-month-arrow-cell:hover {
  /*  -tr-rule-ref: selector(".AFButtonBorderHover:alias");
    -tr-rule-ref: selector(".AFButtonBackgroundHover:alias");*/
  }
  af|chooseDate::prev-month-arrow:hover:active,
  af|chooseDate::next-month-arrow:hover:active:rtl{
    background-image: url('/afr/alta-v1/conv_l_dwn.png'), -tr-property-ref(".AFButtonBackgroundActive:alias","background-image");
    background-color: -tr-property-ref(".AFButtonBackgroundActive:alias","background-color");
  }
  af|body:high-contrast af|chooseDate::prev-month-arrow:hover:active:after{
    content: url('/afr/alta-v1/conv_l_dwn.png');
    position: relative;
    left: 5px;
    top: 5px;
  }
  af|body:high-contrast af|chooseDate::next-month-arrow:hover:active:after:rtl{
    content: url('/afr/alta-v1/conv_l_dwn.png');
    position: relative;
    right: 5px;
    top: 5px;
  }

  af|chooseDate::next-month-arrow:hover:active,
  af|chooseDate::prev-month-arrow:hover:active:rtl{
    background-image: url('/afr/alta-v1/conv_r_dwn.png'), -tr-property-ref(".AFButtonBackgroundActive:alias","background-image");
    background-color: -tr-property-ref(".AFButtonBackgroundActive:alias","background-color");
  }
  af|body:high-contrast af|chooseDate::next-month-arrow:hover:active:after{
    content: url('/afr/alta-v1/conv_r_dwn.png');
    position: relative;
    left: 5px;
    top: 5px;
  }
  af|body:high-contrast af|chooseDate::prev-month-arrow:hover:active:after:rtl{
    content: url('/afr/alta-v1/conv_r_dwn.png');
    position: relative;
    right: 5px;
    top: 5px;
  }

  af|chooseDate::prev-month-arrow-cell:hover:active,
  af|chooseDate::next-month-arrow-cell:hover:active{
  /*  -tr-rule-ref: selector(".AFButtonBorderActive:alias");
    -tr-rule-ref: selector(".AFButtonBackgroundActive:alias");*/
  }
}
af|chooseDate::prev-month-arrow:active,
af|chooseDate::next-month-arrow:active {
  border-color: -tr-property-ref(".AFButtonBorderActiveColor","color");
  background-color: -tr-property-ref(".AFButtonBackgroundActive:alias","background-color");
  border-style: solid;
}
af|chooseDate::prev-month-arrow:active,
af|chooseDate::next-month-arrow:active:rtl {
  background-image: url('/afr/alta-v1/conv_l_dwn.png');
}
af|body:high-contrast af|chooseDate::prev-month-arrow:active:after {
  content: url('/afr/alta-v1/conv_l_dwn.png');
  position: relative;
  left: 5px;
  top: 5px;
}
af|body:high-contrast af|chooseDate::next-month-arrow:active:after:rtl {
  content: url('/afr/alta-v1/conv_l_dwn.png');
  position: relative;
  right: 5px;
  top: 5px;
}

af|chooseDate::next-month-arrow:active,
af|chooseDate::prev-month-arrow:active:rtl {
  background-image: url('/afr/alta-v1/conv_r_dwn.png');
}
af|body:high-contrast af|chooseDate::next-month-arrow:active:after{
  content: url('/afr/alta-v1/conv_r_dwn.png');
  position: relative;
  left: 5px;
  top: 5px;
}
af|body:high-contrast af|chooseDate::prev-month-arrow:active:after:rtl{
  content: url('/afr/alta-v1/conv_r_dwn.png');
  position: relative;
  right: 5px;
  top: 5px;
}
af|chooseDate::prev-month-arrow-cell:active,
af|chooseDate::next-month-arrow-cell:active{
/*  -tr-rule-ref: selector(".AFButtonBorderActive:alias");
  -tr-rule-ref: selector(".AFButtonBackgroundActive:alias");*/
}
af|chooseDate::spinbox-content {
  margin-right: 0px;
  border-top-right-radius: 0px;
  border-bottom-right-radius: 0px; 
}
af|chooseDate::spinbox-content:rtl {
  margin-right: 1px;
  margin-left: 0px;
  border-top-left-radius: 0px;
  border-bottom-left-radius: 0px; 
  border-top-right-radius: 2px;
  border-bottom-right-radius: 2px; 
}

/* end chooseDate styles */

/* Start of codeEditor styles */

af|codeEditor {
  -tr-markers-max-height : 30%;
}

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

af|codeEditor::content-input-container {
  background-color: -tr-property-ref(".AFCodeEditorBackgroundColor:alias","color");
  border-style: -tr-property-ref(".AFFormControlContentBorder:alias","border-style");
  border-width: -tr-property-ref(".AFFormControlContentBorder:alias","border-width");
  border-bottom-color: -tr-property-ref(".AFCodeEditorBorderColor:alias","color");
  border-left-color: -tr-property-ref(".AFCodeEditorBorderColor:alias","color");
  border-right-color: -tr-property-ref(".AFCodeEditorBorderColor:alias","color");
  border-top-width: 0px;
}

af|codeEditor:disabled::content-input-container {
  background-color: -tr-property-ref(".AFCodeEditorBackgroundDisabledColor:alias","color");
  border: none;
}
af|codeEditor:read-only::content-input-container {
  background-color: -tr-property-ref(".AFCodeEditorBackgroundReadOnlyColor:alias","color");
}

af|codeEditor::editor-gutter {
  background-color: -tr-property-ref(".AFCodeEditorLineGutterBackgroundColor:alias","color");
  border-right-color: -tr-property-ref(".AFCodeEditorLineGutterBorderColor:alias","color");
}

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

af|codeEditor::editor-gutter-linenumbers {
  color: -tr-property-ref(".AFLabelColor:alias","color");
  -tr-rule-ref: selector(".AFDefaultFontSize:alias");
  font-size: -1;
  font-family: -tr-property-ref(".AFDefaultFontFamily:alias","font-family");
  font-weight: normal;
  padding-left: 14px;
  padding-right: 17px;
  line-height: 16px;
}

af|codeEditor::editor-gutter-linenumbers:rtl {
  padding-left: 17px;
  padding-right: 14px;
}

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

af|toolbox.AFCodeEditorToolbox {
  border-right: 1px solid -tr-property-ref(".AFBackgroundBorderColor:alias","color");
  border-left: 1px solid -tr-property-ref(".AFBackgroundBorderColor:alias","color");
  border-bottom-width: 0px;
  border-top-width: 0px;
  background-color: -tr-property-ref(".AFBackgroundColor:alias","color");
  width: 100%;
  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 {
  -tr-inhibit: border-bottom;
  background-color: -tr-property-ref(".AFBackgroundColor:alias","color");
}

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

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

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

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

af|codeEditor::markers-label {
  color: -tr-property-ref(".AFLabelColor:alias","color");
  font-family: -tr-property-ref(".AFDefaultFontFamily:alias","font-family");
  font-weight: bold;
  -tr-rule-ref: selector(".AFDefaultFontSize:alias");
  font-size: +4;
  padding-bottom: 10px; /* spec; however request is to adjust the padding sizes for the browser */
  padding-top: 20px;    /* spec; however request is to adjust the padding sizes for the browser */
  box-sizing: border-box;
}

@agent gecko {
  af|codeEditor::markers-label {
    -tr-inhibit: box-sizing;
    -moz-box-sizing: border-box;
    padding-top: 16px;
    padding-bottom: 9px;
  }
}

@agent webkit {
  af|codeEditor::markers-label {
    -tr-inhibit: box-sizing;
    -webkit-box-sizing: border-box;
    padding-top: 17px;
    padding-bottom: 8px;
  }
}

@agent webkit and (touchScreen) {
  af|codeEditor::markers-label {
    -tr-inhibit: box-sizing;
    -webkit-box-sizing: border-box;
    padding-top: 16px;
    padding-bottom: 9px;
  }
}

@agent ie and (version: 10.0) {
  af|codeEditor::markers-label {
    -tr-inhibit: box-sizing;
    padding-top: 18px;
    padding-bottom: 9px;
  }
}

@agent ie and (version: 8.0) {
  af|codeEditor::markers-label {
    -tr-inhibit: box-sizing;
    padding-top: 17px;
    padding-bottom: 9px;
  }
}

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(".AFFormControlContentBorderColor:alias","color");
  position: relative;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0px;
  overflow: auto;
  padding: 10px;
  box-sizing: border-box;
}

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

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

af|codeEditor::markers-content {
  background-color: -tr-property-ref(".AFBackgroundColor:alias","color");
  font-family: -tr-property-ref(".AFDefaultFontFamily:alias","font-family");
  -tr-rule-ref: selector(".AFDefaultFontSize:alias");
  font-size: +1;
  font-weight: normal;
  line-height: 24px;
}

af|codeEditor::markers-text {
  color: -tr-property-ref(".AFLinkColor:alias","color"); 
  padding-left: 1px;
  position: relative;
  top: -3px;
}

af|codeEditor::markers-text:rtl {
  padding-right: 1px;
}

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

af|inputText.AFCodeEditorSearchToolbar af|inputText::content,
af|inputText.AFCodeEditorSearch af|inputText::content,
af|inputText.AFCodeEditorReplace af|inputText::content,
af|inputText.AFCodeEditorJump af|inputText::content {
  font-size: -tr-property-ref(".AFDefaultFont:alias","font-size");
  color: -tr-property-ref(".AFTextColor:alias","color");
}

af|codeEditor:disabled::label {
  /*TODO ALTA*/
  -tr-rule-ref: selector(".AFLabelDisabled:alias");
}

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

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

af|codeEditor::editor-text {
  font-family: "Source Code Pro", Monaco, "Courier New", Courier, monospace; 
  -tr-rule-ref: selector(".AFDefaultFontSize:alias");
  font-size: +1;
  font-weight: normal;
  line-height: 16px;
  color: -tr-property-ref(".AFCodeEditorTextColor:alias","color");
}

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/alta-v1/func_search_16_ena.png");
}
af|codeEditor::jump-icon:disabled {
  content: url("/afr/alta-v1/func_search_16_dis.png");
}
af|codeEditor::jump-icon:active {
  content: url("/afr/alta-v1/func_search_16_act.png");
}
af|codeEditor::jump-icon:hover {
  content: url("/afr/alta-v1/func_search_16_hov.png");
}

af|codeEditor::search-icon {
  content: url("/afr/alta-v1/search_ena.png");
}
af|codeEditor::search-icon:disabled {
  content: url("/afr/alta-v1/search_dis.png");
}
af|codeEditor::search-icon:active {
  content: url("/afr/alta-v1/func_search_16_act.png");
}
af|codeEditor::search-icon:hover {
  content: url("/afr/alta-v1/search_ovr.png");
}

af|codeEditor::search-next-icon {
  content: url("/afr/alta-v1/nextitem_ena.png");
}
af|codeEditor::search-next-icon:disabled {
  content: url("/afr/alta-v1/nextitem_dis.png");
}
af|codeEditor::search-next-icon:active {
  content: url("/afr/alta-v1/nextitem_dwn.png");
}
af|codeEditor::search-next-icon:hover {
  content: url("/afr/alta-v1/nextitem_ovr.png");
}

af|codeEditor::search-previous-icon {
  content: url("/afr/alta-v1/previousitem_ena.png");
}
af|codeEditor::search-previous-icon:disabled {
  content: url("/afr/alta-v1/previousitem_dis.png");
}
af|codeEditor::search-previous-icon:active {
  content: url("/afr/alta-v1/previousitem_dwn.png");
}
af|codeEditor::search-previous-icon:hover {
  content: url("/afr/alta-v1/previousitem_ovr.png");
}

af|codeEditor::search-next-icon:rtl {
  content: url("/afr/alta-v1/previousitem_ena.png");
}
af|codeEditor::search-next-icon:disabled:rtl {
  content: url("/afr/alta-v1/previousitem_dis.png");
}
af|codeEditor::search-next-icon:active:rtl {
  content: url("/afr/alta-v1/previousitem_dwn.png");
}
af|codeEditor::search-next-icon:hover:rtl {
  content: url("/afr/alta-v1/previousitem_ovr.png");
}

af|codeEditor::search-previous-icon:rtl {
  content: url("/afr/alta-v1/nextitem_ena.png");
}
af|codeEditor::search-previous-icon:disabled:rtl {
  content: url("/afr/alta-v1/nextitem_dis.png");
}
af|codeEditor::search-previous-icon:active:rtl {
  content: url("/afr/alta-v1/nextitem_dwn.png");
}
af|codeEditor::search-previous-icon:hover:rtl {
  content: url("/afr/alta-v1/nextitem_ovr.png");
}

af|codeEditor::undo-icon {
  content: url(/afr/alta-v1/undo.png);
  width: 16px;
  height: 16px;
}

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

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

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

af|codeEditor::undo-icon:rtl {
  content: url(/afr/alta-v1/redo.png);
}

af|codeEditor::undo-icon:disabled:rtl {
  content: url(/afr/alta-v1/redo_dis.png);
  width: 16px;
  height: 16px;
}

af|codeEditor::undo-icon:active:rtl {
  content: url(/afr/alta-v1/redo_dwn.png);
  width: 16px;
  height: 16px;
}

af|codeEditor::undo-icon:hover:rtl {
  content: url(/afr/alta-v1/redo_ovr.png);
  width: 16px;
  height: 16px;
}

af|codeEditor::redo-icon {
  content: url(/afr/alta-v1/redo.png);
  width: 16px;
  height: 16px;
}

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

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

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

af|codeEditor::redo-icon:rtl {
  content: url(/afr/alta-v1/undo.png);
}

af|codeEditor::redo-icon:disabled:rtl {
  content: url(/afr/alta-v1/undo_dis.png);
  width: 16px;
  height: 16px;
}

af|codeEditor::redo-icon:active:rtl {
  content: url(/afr/alta-v1/undo_dwn.png);
  width: 16px;
  height: 16px;
}

af|codeEditor::redo-icon:hover:rtl {
  content: url(/afr/alta-v1/undo_ovr.png);
  width: 16px;
  height: 16px;
}

/*end of codeEditor styles */

/* Start of toolbar button styles */

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

@agent ie and (version: 8.0), ie and (version: 9.0)
{
  af|toolbar af|commandToolbarButton,
  af|toolbar af|button {
    filter: none;
  }
}
/* 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");
  -tr-rule-ref: selector(".AFButtonForeground:alias");
}

/* 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;
  -tr-rule-ref: selector(".AFButtonForegroundDisabled:alias");
  -tr-rule-ref: selector(".AFButtonBackgroundDisabled:alias");
}

@agent (touchScreen:none) {
  af|toolbar af|commandToolbarButton:hover:disabled,
  af|toolbar af|button:hover:disabled {
    background-image: none;
    background-color: transparent;
    border-color: transparent;
  -tr-rule-ref: selector(".AFButtonForegroundDisabled:alias");
  -tr-rule-ref: selector(".AFButtonBackgroundDisabled:alias");
  }
}

/* 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(".AFButtonForegroundDisabled:alias");
  -tr-rule-ref: selector(".AFButtonBorderDisabled:alias");
  -tr-rule-ref: selector(".AFButtonBackgroundDisabled:alias");
}

@agent (touchScreen:none) {
  af|toolbar af|commandToolbarButton:text-only:hover:disabled,
  af|toolbar af|button:text-only:hover:disabled {
    -tr-rule-ref: selector(".AFButtonForegroundDisabled:alias");
    -tr-rule-ref: selector(".AFButtonBorderDisabled:alias");
    -tr-rule-ref: selector(".AFButtonBackgroundDisabled: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(".AFButtonForegroundHover:alias");
    -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(".AFButtonForegroundDepressed:alias");
  -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(".AFButtonForegroundDepressedHover:alias");
    -tr-rule-ref: selector(".AFButtonBorderActive:alias");
    -tr-rule-ref: selector(".AFButtonBackgroundActive:alias");
  }
}

af|toolbar af|inputColor,
af|toolbar af|inputComboboxListOfValues,
af|toolbar af|inputDate,
af|toolbar af|inputFile,
af|toolbar af|inputListOfValues,
af|toolbar af|inputNumberSpinbox,
af|toolbar af|inputText,
af|toolbar af|selectBooleanCheckbox,
af|toolbar af|selectBooleanRadio,
af|toolbar af|selectManyChoice,
af|toolbar af|selectOneChoice,
af|toolbar af|commandImageLink,
af|toolbar af|commandLink,
af|toolbar af|goImageLink,
af|toolbar af|goLink,
af|toolbar af|button,
af|toolbar af|goButton,
af|toolbar af|commandButton,
af|toolbar af|commandToolbarButton,
af|toolbar af|link,
af|toolbar af|outputFormatted,
af|toolbar af|outputLabel,
af|toolbar af|outputText {
  margin-right: 2px;
  margin-left: 2px;
}

@agent ie and (version: 9) {
  af|toolbar::separator {
    padding-right: 2px;
  }
}

.AFToolbarOverflowCell af|inputColor,
.AFToolbarOverflowCell af|inputComboboxListOfValues,
.AFToolbarOverflowCell af|inputDate,
.AFToolbarOverflowCell af|inputFile,
.AFToolbarOverflowCell af|inputListOfValues,
.AFToolbarOverflowCell af|inputNumberSpinbox,
.AFToolbarOverflowCell af|inputText,
.AFToolbarOverflowCell af|selectBooleanCheckbox,
.AFToolbarOverflowCell af|selectBooleanRadio,
.AFToolbarOverflowCell af|selectManyChoice,
.AFToolbarOverflowCell af|selectOneChoice,
.AFToolbarOverflowCell af|commandImageLink,
.AFToolbarOverflowCell af|commandLink,
.AFToolbarOverflowCell af|goImageLink,
.AFToolbarOverflowCell af|goLink,
.AFToolbarOverflowCell af|button,
.AFToolbarOverflowCell af|commandToolbarButton,
.AFToolbarOverflowCell af|link,
.AFToolbarOverflowCell af|outputFormatted,
.AFToolbarOverflowCell af|outputLabel,
.AFToolbarOverflowCell af|outputText {
  margin: 0px;
}

/* On-the-toolbar buttons control padding through subelements */
af|commandToolbarButton:text-only::link,
af|button:text-only::link {
  padding: 5px 8px 4px 8px;
}


/* When action is disabled, we don't need padding between link and dropdown, as the dropdown is providing the padding. */
af|button:action-disabled af|button::link-cell af|button::link,
af|commandToolbarButton:action-disabled af|commandToolbarButton::link-cell af|commandToolbarButton::link {
  padding-right: 0px;
  padding-left: 8px;
}

af|button:action-disabled af|button::link-cell af|button::link:rtl,
af|commandToolbarButton:action-disabled af|commandToolbarButton::link-cell af|commandToolbarButton::link:rtl {
  padding-right: 8px;
  padding-left: 0px;
}

@agent ie and (version: 7.0), ie and (version: 8.0) {
   af|button::text {
     position: relative;
     top: -1px;
   }
}

af|button:top::text{
  padding: 0 0 2px 0;
  position: relative;
  top: -2px;
}

af|button:bottom::text{
  padding: 2px 0 0 0;
  position: relative;
  top: 2px;
}

@agent ie {
  af|button:top::text{
    padding-bottom: 3px;
    top: -1px;
  }

  af|button:bottom::text{
    padding-top: 3px;
  top: 2px;
  }
}

@agent ie and (version: 8.0) {
  af|button:top::text{
    padding-bottom: 2px;
    top: -2px;
  }

  af|button:bottom::text{
    padding-top: 0px;
  top: 2px;
  }
}

@agent webkit {
  af|button:text-only::text {
    position: relative;
  top: -1px;
  }
}

af|commandToolbarButton:icon-only af|commandToolbarButton::link,
af|button:icon-only af|button::link {
  padding: 1px 5px;
}

/* Style for icon on buttons, if specified. */
af|commandToolbarButton::image,
af|button::image {
  vertical-align: middle;
  background-image: none;
  background-color: transparent;
  border: 0px transparent;
  padding: 4px 0px 4px 0px;
}

/* override from richclient*/
@agent ie {
  af|commandToolbarButton::image,
  af|commandToolbarButton::image-hover,
  af|commandToolbarButton::image-depressed {
    vertical-align: middle;
  }
}

af|button:leading af|commandToolbarButton::image,
af|button:leading af|button::image {
  padding: 4px 0px 4px 0px;
}

af|button:trailing af|commandToolbarButton::image,
af|button:trailing af|button::image {
  padding: 4px 1px 4px 0px;
}

af|commandToolbarButton::image-hover,
af|commandToolbarButton::image-depressed,
af|button::image-hover,
af|button::image-depressed {
  -tr-rule-ref: selector(".AFButtonForegroundHover:alias");
  -tr-rule-ref: selector(".AFButtonBorderHover:alias");
  -tr-rule-ref: selector(".AFButtonBackgroundHover:alias");
}

@agent webkit{
  af|commandToolbarButton:text-only::text{
    position: relative;
    top: -1px;
  }
}

@agent ie and (version: 7.0), ie and (version: 8.0), ie and (version: 9.0) {
  af|button::link-cell {
    display: inline-block;
    vertical-align: middle;
  }
}

/* The cell containing the dropdown icon used for popup buttons */
af|commandToolbarButton::dropdown-cell,
af|button::dropdown-cell {
  padding: 0px 0px;
  border-color: -tr-property-ref(".AFButtonBorderColor: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(".AFButtonBorderColor: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(".AFButtonBorderColor: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"); 
  }
}

af|commandToolbarButton::dropdown-icon-style,
af|button::dropdown-icon-style {
  background-image: url('/afr/alta-v1/dropdown_ena.png');
  width: 14px;
  height: 14px;
  padding: 5px 6px 5px 6px;
  background-repeat: no-repeat;
  background-position: center;
  vertical-align: middle;
  display: block;
}

/* 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/alta-v1/dropdown_ovr.png');
    width: 14px;
    height: 14px;
    padding: 5px 6px 5px 6px;
    background-repeat: no-repeat;
    background-position: center;
    vertical-align: middle;
    display: block;
  }
}

/* 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/alta-v1/dropdown_dwn.png');
  width: 14px;
  height: 14px;
  padding: 5px 6px 5px 6px;
  background-repeat: no-repeat;
  background-position: center;
  vertical-align: middle;
  display: block;
}

@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/alta-v1/dropdown_dwn.png');
    width: 14px;
    height: 14px;
    padding: 5px 6px 5px 6px;
    background-repeat: no-repeat;
    background-position: center;
    vertical-align: middle;
    display: block;
  }
}

/* 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/alta-v1/dropdown_dis.png');
  width: 14px;
  height: 14px;
  padding: 5px 6px 5px 6px;
  background-repeat: no-repeat;
  background-position: center;
  vertical-align: middle;
  display: block;
}

@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/alta-v1/dropdown_dis.png');
    width: 14px;
    height: 14px;
    padding: 5px 6px 5px 6px;
    background-repeat: no-repeat;
    background-position: center;
    vertical-align: middle;
    display: block;
  }
}

/* end of toolbar button styles */

/* start of contextInfo styles */

af|column::context af|contextInfo {
  top: -9px;
  padding-right: 0px;
  margin-right: 0px;
}

af|column::context af|contextInfo:rtl {
  -tr-inhibit: left;
  right: -6px;
}

@agent (touchScreen) {
  af|outputText af|contextInfo,
  af|outputFormatted af|contextInfo,
  af|link::context af|contextInfo,
  af|commandLink::context af|contextInfo,
  af|inputText:read-only  af|contextInfo,
  af|inputComboboxListOfValues:read-only  af|contextInfo,
  af|inputListOfValues:read-only  af|contextInfo,
  af|selectOneChoice:read-only af|contextInfo {
    padding-right: 10px;
  }
  af|outputText af|contextInfo:rtl,
  af|outputFormatted af|contextInfo:rtl,
  af|link::context af|contextInfo:rtl,
  af|commandLink::context af|contextInfo:rtl,
  af|inputText:read-only af|contextInfo:rtl,
  af|inputComboboxListOfValues:read-only  af|contextInfo:rtl,
  af|inputListOfValues:read-only  af|contextInfo:rtl,
  af|selectOneChoice:read-only af|contextInfo:rtl {
    padding-right: 0px;
    padding-left: 10px;
  }
}

af|contextInfo::launch-icon-style {
  background-image:url("/afr/alta-v1/ci_qualifier.png");
  margin-right: 1px;
  padding: 0px;
  height: 5px;
  width: 5px;
}
af|contextInfo::launch-icon-style:rtl {
  margin-left: 1px;
}
@agent (touchScreen:none) {
  af|contextInfo::launch-icon-style:hover {
    background-image:url("/afr/alta-v1/ipop_ovr.png");
    width: 24px;
    height: 24px;
  }


  af|contextInfo::launch-icon-style:hover:rtl {
    background-image:url("/afr/alta-v1/ipop_rtl_ovr.png");
    width: 24px;
    height: 24px;

  }
}

af|contextInfo::launch-icon-style:active,
af|contextInfo::launch-icon-style:active:hover {
  background-image:url("/afr/alta-v1/ipop_dwn.png");
  height: 24px;
  width: 24px;
}

af|contextInfo::launch-icon-style:active:rtl,
af|contextInfo::launch-icon-style:active:hover:rtl {
  background-image:url("/afr/alta-v1/ipop_rtl_dwn.png");
  height: 24px;
  width: 24px;
}
af|inputText af|contextInfo::launch-icon-style {
  margin-left: 1px;
  margin-top: 1px;
}
af|inputText af|contextInfo::launch-icon-style:rtl {
  margin-right: 1px;
}

@agent ie {
  af|inputText af|contextInfo::launch-icon-style {
    top: -9px;
    margin-left: 2px;
  }
  af|inputText af|contextInfo::launch-icon-style:rtl {
    margin-right: 2px;
  }
  
  af|inputComboboxListOfValues::container af|contextInfo {
    top: -1px;
    left: 2px;
  }
  af|inputComboboxListOfValues::container af|contextInfo:rtl {
    right: 2px;
  }
  
  af|selectOneChoice af|contextInfo::launch-icon-style {
    top: -8px;
    left: 1px;
  }
  af|selectOneChoice af|contextInfo::launch-icon-style:rtl {
    right: 1px;
  }
  
  af|inputListOfValues af|contextInfo::launch-icon-style {
    top: -7px;
    left: 1px;
  }
  af|inputListOfValues af|contextInfo::launch-icon-style:rtl {
    right: 1px;
  }
  
  af|column::context {
    float: left;
  }
  af|column::context:rtl {
    float: right;
  }
  
  af|column::context af|contextInfo {
    top: 6px;
    left: -5px;
  }
}
@agent ie and (version: 8.0) {
  af|inputText af|contextInfo::launch-icon-style {
    top: -8px;
  }
  af|selectOneChoice af|contextInfo::launch-icon-style {
    top: -11px;
  }
  af|inputListOfValues af|contextInfo::launch-icon-style {
    top: -5px;
  }
}
@agent webkit {
  af|outputText af|contextInfo,
  af|outputFormatted af|contextInfo,
  af|link::context af|contextInfo,
  af|commandLink::context af|contextInfo,
  af|inputText:read-only  af|contextInfo,
  af|inputComboboxListOfValues:read-only  af|contextInfo,
  af|inputListOfValues:read-only  af|contextInfo,
  af|selectOneChoice:read-only af|contextInfo{
    padding-right: 4px;
  }
  af|inputText af|contextInfo::launch-icon-style {
    top: -2px;
    left: 0px;
  }
  af|inputText af|contextInfo::launch-icon-style:rtl {
    right: 0px;
  }
  
  af|inputComboboxListOfValues::container af|contextInfo {
    top: 1px;
    left: 3px;
  }
  af|inputComboboxListOfValues::container af|contextInfo:rtl {
    right: 3px;
  }
  af|inputListOfValues af|contextInfo {
    top: -1px;
    left: 0px;
  }
  af|inputListOfValues af|contextInfo:rtl {
    right: 1px;
  }
  
  af|selectOneChoice af|contextInfo::launch-icon-style {
    margin-top: 2px;
    margin-left: 2px;
    top: -1px;
    left: 1px;
  }
  af|selectOneChoice af|contextInfo::launch-icon-style:rtl {
    right: 1px;
  }
  
  af|column::context af|contextInfo {
    top: -5px;
    left: -5px;
  }
}

@agent webkit and (touchScreen) {
  af|inputText af|contextInfo::launch-icon-style {
    left: 1px;
  }
  af|inputText af|contextInfo::launch-icon-style:rtl {
    right: 1px;
  }

  af|inputListOfValues af|contextInfo {
    left: 0px;
  }
  af|inputListOfValues af|contextInfo:rtl {
    right: 0px;
  }
  af|selectOneChoice af|contextInfo::launch-icon-style {
    left: 0px;
  }
  af|selectOneChoice af|contextInfo::launch-icon-style:rtl {
    right: 0px;
  }
}

/* Chrome Android tweaks */
@agent webkit and (version: 537.*) and (touchScreen) {
  af|inputComboboxListOfValues::container af|contextInfo {
    left: 2px;
  }
}

@agent gecko {
  af|inputText af|contextInfo::launch-icon-style {
    margin-top: 0px;
  }
  
  af|selectOneChoice af|contextInfo::launch-icon-style {
    top: -1px;
    left: 0px;
  }
  af|selectOneChoice af|contextInfo::launch-icon-style:rtl {
    right: 1px;
  }
  
  af|inputComboboxListOfValues af|contextInfo::launch-icon-style {
    top: 1px;
    left: 1px;
  }
  af|inputComboboxListOfValues af|contextInfo::launch-icon-style:rtl {
    right: 1px;
  }
  
  af|inputListOfValues af|contextInfo::launch-icon-style {
    top: -1px;
    left: 0px;
  }
  af|inputListOfValues af|contextInfo::launch-icon-style:rtl {
    right: 1px;
  }
  
  af|column::context af|contextInfo {
    top: -6px;
    left: -5px;
  }
}
af|contextInfo {
  margin-right: 1px;
}
af|contextInfo:rtl {
  margin-left: 1px;
}

/* end of contextInfo styles */

/* start of inputDate styles */
af|inputDate::content {
  padding-left: 5px;
  padding-right: 25px;
  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");
  height: 28px;
  margin: 0px;
}
af|inputDate:read-only af|inputDate::content {
  padding-right: 0px;
  padding-left: 5px;
}
af|inputDate::content:rtl {
  padding-left: 25px;
  padding-right: 5px;
}
af|inputDate:read-only af|inputDate::content:rtl {
  padding-left: 0px;
  padding-right: 5px;
}
af|inputDate .AFPanelFormLayoutContentCell {
  /*TODO ALTA*/
}
af|inputDate:read-only .AFPanelFormLayoutContentCell {
  /*TODO ALTA*/
}
af|panelLabelAndMessage::content-cell.AFPanelFormLayoutContentCell af|inputDate:read-only {
  /*TODO ALTA*/
}
af|inputDate  .AFPanelFormLayoutContentCell:rtl {
  /*TODO ALTA*/
}
af|inputDate  .AFPanelFormLayoutContentCell:rtl {
  /*TODO ALTA*/
}
/* adjustment for panelAndLabelMessage in panelFormLayout */
af|panelLabelAndMessage::content-cell.AFPanelFormLayoutContentCell af|inputDate {
  /*TODO ALTA*/
}
af|panelLabelAndMessage::content-cell.AFPanelFormLayoutContentCell af|inputDate:rtl {
  /*TODO ALTA*/
}
af|panelLabelAndMessage::content-cell.AFPanelFormLayoutContentCell af|inputDate:read-only:rtl {
  /*TODO ALTA*/
}
@agent ie {
  af|inputDate .AFPanelFormLayoutContentCell {
    /*TODO ALTA*/
  }
  af|inputDate .AFPanelFormLayoutContentCell:rtl {
    /*TODO ALTA*/
  }
  af|panelLabelAndMessage::content-cell.AFPanelFormLayoutContentCell af|inputDate {
    /*TODO ALTA*/
  }
  af|panelLabelAndMessage::content-cell.AFPanelFormLayoutContentCell af|inputDate:rtl {
    /*TODO ALTA*/
  }
}
@agent webkit {
  af|inputDate .AFPanelFormLayoutContentCell {
    /*TODO ALTA*/
  }
  af|inputDate:read-only .AFPanelFormLayoutContentCell {
    /*TODO ALTA*/
  }
  af|panelLabelAndMessage::content-cell.AFPanelFormLayoutContentCell af|inputDate {
    /*TODO ALTA*/
    vertical-align: 50%;
  }
  af|panelLabelAndMessage::content-cell.AFPanelFormLayoutContentCell af|inputDate:read-only {
    /*TODO ALTA*/
  }
}
af|inputDate::launch-icon-style,
af|panelList af|inputDate::launch-icon-style {
  margin-left: 0px;
  margin-right: -16px;
  -tr-rule-ref: selector(".AFClickableImageAnchor:alias");
  background-image:url("/afr/alta-v1/input_date.png");
  position: relative;
  left: -23px;
  top: 1px;
  padding-right: 0px;
  padding-left: 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/alta-v1/input_date.png");
}

af|inputDate::launch-icon-style:rtl,
af|panelList af|inputDate::launch-icon-style:rtl {
  left: 0px;
  right: -23px;
  margin-left: -16px;
  margin-right: 0px;
}
af|body:high-contrast af|inputDate::launch-icon-style:rtl,
af|body:high-contrast af|panelList af|inputDate::launch-icon-style:rtl {
  padding-right: 0px;
}

@agent ie and (version:9.0) {
  /*For IE9, in .AFClickableImageAnchor:alias:rtl, padding right and padding left is set, so 
  margin and right position need to readjust based on the extra padding*/
  af|inputDate::launch-icon-style:rtl,
  af|panelList af|inputDate::launch-icon-style:rtl {
    right: -31px;
    margin-left: -24px;
  }
}

af|inputDate::launch-icon {
  content: inhibit;
}
/* chrome specific alignment */
@agent webkit and (version: 537.*) {
  af|inputDate::content {
    position: relative;
  }
  af|inputDate::launch-icon-style {
    top: 0px;
  }
}
@agent ie and (version: 8.0) {
  af|inputDate::content {
    padding-top: 6px;
    padding-bottom: 5px;
    height: auto;
  }
}

/** styles the mousedown launch icon **/
af|inputDate::launch-icon-style:active,
af|inputDate::launch-icon-style:hover:active {
  background-image:url("/afr/alta-v1/input_date_dwn.png");
}

af|body:high-contrast af|inputDate::launch-icon-style:active:after,
af|body:high-contrast af|inputDate::launch-icon-style:hover:active:after {
  content: url("/afr/alta-v1/input_date_dwn.png");
}

af|inputDate::launch-icon-style:disabled,
af|inputDate::launch-icon-style:disabled:active {
  background-image:url("/afr/alta-v1/input_date_dis.png");
}

af|body:high-contrast af|inputDate::launch-icon-style:disabled:after,
af|body:high-contrast af|inputDate::launch-icon-style:disabled:active:after {
  content: url("/afr/alta-v1/input_date_dis.png");
}

@agent (touchScreen:none) {
  /** styles the mouseover launch icon **/
  af|inputDate::launch-icon-style:hover {
    background-image:url("/afr/alta-v1/input_date_ovr.png");
  }
  af|body:high-contrast af|inputDate::launch-icon-style:hover:after {
    content: url("/afr/alta-v1/input_date_ovr.png");
  }
  /** styles the disabled clickable launch icon **/
  af|inputDate::launch-icon-style:disabled:hover {
    background-image:url("/afr/alta-v1/input_date_dis.png");
  }
  af|body:high-contrast af|inputDate::launch-icon-style:disabled:hover:after {
    content: url("/afr/alta-v1/input_date_dis.png");
  }
}
/*end of inputDate styles */
/* start of inputFile styles */
af|inputFile .AFPanelFormLayoutContentCell {
  /*TODO ALTA*/
}
af|inputFile  .AFPanelFormLayoutContentCell:rtl {
  /*TODO ALTA*/
}
af|inputFile:update .AFPanelFormLayoutContentCell,
af|inputFile:read-only .AFPanelFormLayoutContentCell {
  /*TODO ALTA*/
}
af|inputFile:update  .AFPanelFormLayoutContentCell:rtl,
af|inputFile:read-only  .AFPanelFormLayoutContentCell:rtl {
  /*TODO ALTA*/
}
/* adjustment for panelAndLabelMessage in panelFormLayout */
af|panelLabelAndMessage::content-cell.AFPanelFormLayoutContentCell af|inputFile {
  /*TODO ALTA*/
}
/* 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 {
  /*TODO ALTA*/
  display: inline;
}
af|panelLabelAndMessage::content-cell.AFPanelFormLayoutContentCell af|inputFile:read-only {
  /*TODO ALTA*/
}
af|panelLabelAndMessage::content-cell.AFPanelFormLayoutContentCell af|inputFile:read-only:rtl {
  /*TODO ALTA*/
}

af|panelLabelAndMessage::content-cell.AFPanelFormLayoutContentCell af|inputFile:rtl {
  /*TODO ALTA*/
}
/* bug 20549779 */
af|panelLabelAndMessage::content-cell.AFPanelFormLayoutContentCell af|inputText .AFPanelFormLayoutContentCell,
af|panelLabelAndMessage::content-cell.AFPanelFormLayoutContentCell af|inputText:read-only .AFPanelFormLayoutContentCell,
af|panelLabelAndMessage::content-cell.AFPanelFormLayoutContentCell af|inputText af|inputText::label,
af|panelLabelAndMessage::content-cell.AFPanelFormLayoutContentCell af|inputText:read-only af|inputText::label{
  padding-top: 0px;
}
af|inputFile::content {
  -tr-rule-ref: selector(".AFTextColor:alias");
}

@agent gecko and (min-version: 22.0) {
  af|inputFile::content {
    border-width: 0px;
  }
}
af|inputFile::label,
af|inputFile:read-only::content {
  color: -tr-property-ref(".AFLabelColor:alias","color");
  padding: 0px 8px 0px 0px;
}
af|inputFile::label:rtl,
af|inputFile:read-only::content:rtl {
  padding-right: 0px;
  padding-left: 8px;
}
/* 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;
}
af|inputFile:disabled::content {
  background-color: transparent;
  border-color: -tr-property-ref(".AFFormControlContentBorderDisabledColor:alias","color");
}
@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 {
    /*TODO ALTA*/
  }
}

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

af|panelLabelAndMessage::content-cell.AFPanelFormLayoutContentCell af|inputFile:update::content,
af|panelLabelAndMessage::content-cell.AFPanelFormLayoutContentCell af|inputFile:click-to-edit:update::content {
  /*TODO ALTA*/
}
af|panelLabelAndMessage::content-cell.AFPanelFormLayoutContentCell af|inputFile:update::content:rtl,
af|panelLabelAndMessage::content-cell.AFPanelFormLayoutContentCell af|inputFile:click-to-edit:update::content:rtl {
  /*TODO ALTA*/
}
/* 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 {
    /*TODO ALTA*/
  }
  af|panelLabelAndMessage::content-cell.AFPanelFormLayoutContentCell af|inputFile:update::content:rtl,
  af|panelLabelAndMessage::content-cell.AFPanelFormLayoutContentCell af|inputFile:click-to-edit:update::content:rtl {
    /*TODO ALTA*/
  }
  af|inputFile:update::content {
    /*TODO ALTA*/
  }
  @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 {
    /*TODO ALTA*/
  }
  }
  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 {
    /*TODO ALTA*/
  }

  af|inputFile af|commandButton {
   /*TODO ALTA*/
  }
}
@agent gecko {
  af|inputFile:update::content {
    /*TODO ALTA*/
  }
  af|inputFile af|commandButton {
    /*TODO ALTA*/
  }
}
@agent webkit {
  af|inputFile::content {
    /*TODO ALTA*/
    background-image: none;
  }
  af|inputFile:update::content {
    /*TODO ALTA*/
  }
  af|inputFile af|commandButton {
    /*TODO ALTA*/
  }
}

af|inputFile::multiple-content {
  -tr-upload-input-file-size: 25;
  display: inline-block;
  float: none;
  border-color: -tr-property-ref(".AFBackgroundBorderColor:alias","color");
}

@agent ie {
  af|inputFile::multiple-content{
    -tr-upload-input-file-size: 15;
  }
}

af|inputFile:read-only af|inputFile::multiple-content {
  border-color: transparent;
}

af|inputFile::multiple-upload-action {
  padding-left: 0px;
  padding-right: 0px;
}

af|inputFile::multiple-upload-content {
  background-color: -tr-property-ref(".AFBackgroundColor:alias","color");
  padding-top: 10px;
  padding-bottom: 10px;
}

af|inputFile::multiple-upload-pane {
  margin-left: 10px;
  margin-right: 10px;
  margin-bottom: 10px;
}

af|inputFile::multiple-upload-filelist {
  background: none;
  border: medium none;
  box-sizing: border-box;
  padding-bottom: 0px;
}

@agent gecko {
  af|inputFile::multiple-upload-filelist {
    -moz-box-sizing: border-box;
    -tr-inhibit: box-sizing;
  }
}

@agent webkit {
  af|inputFile::multiple-upload-filelist {
    -webkit-box-sizing: border-box;
  }
}

af|inputFile::multiple-upload-dropzone {
  background-color: -tr-property-ref(".AFBackgroundColor:alias","color");
  border-color: -tr-property-ref(".AFBackgroundBorderColor:alias","color");
  border-radius: -tr-property-ref(".AFExtraLargeBorderRadius:alias","border-radius");
}

af|inputFile::multiple-upload-drag {
  border: 1px solid transparent;
  border-radius: -tr-property-ref(".AFExtraLargeBorderRadius:alias","border-radius");
  -tr-inhibit: background-color;
  -tr-inhibit: opacity;
}

@agent ie {
  af|inputFile::multiple-upload-drag {
    -tr-inhibit: filter;
    -tr-inhibit: -ms-filter;
  }
}

af|inputFile::multiple-upload-filename {
  font-size: -tr-property-ref(".AFDefaultFont:alias","font-size");
  line-height: 24px;
  height: 24px;
  padding-top: 0px;
  padding-bottom: 0px;
}

af|inputFile::multiple-upload-filesize {
  font-size: -tr-property-ref(".AFDefaultFont:alias","font-size");
  line-height: 24px;
  padding-top: 0px;
  padding-bottom: 0px;
}

af|inputFile::multiple-upload-progress-done {
  font-size: -tr-property-ref(".AFDefaultFont:alias","font-size");
  line-height: 24px;
  padding-top: 0px;
  padding-bottom: 0px;
  top: -3px;
}

af|inputFile::multiple-upload-progress-failed {
  font-size: -tr-property-ref(".AFDefaultFont:alias","font-size");
  line-height: 24px;
  padding-top: 0px;
  padding-bottom: 0px;
  top: -3px;
}

af|inputFile::multiple-upload-cancel-button {
  background-image: url('/afr/alta-v1/cancel_ena.png');
  width: 16px;
  height: 16px;
  vertical-align: middle;
}
@agent webkit {
  af|inputFile::multiple-upload-cancel-button {
    padding: 0;
  }
}

af|inputFile::multiple-upload-cancel-button:disabled {
  background-image: url('/afr/alta-v1/cancel_dis.png');
  width: 16px;
  height: 16px;
}

af|inputFile::multiple-upload-cancel-button:hover {
  background-image: url('/afr/alta-v1/cancel_ovr.png');
  width: 16px;
  height: 16px;
}

af|inputFile::multiple-upload-cancel-button:active {
  background-image: url('/afr/alta-v1/cancel_dwn.png');
  width: 16px;
  height: 16px;
}

af|inputFile::multiple-upload-delete-button {
  background-image: url('/afr/alta-v1/cancel_ena.png');
  width: 16px;
  height: 16px;
  vertical-align: middle;
}
@agent webkit {
  af|inputFile::multiple-upload-delete-button {
    padding: 0;
  }
}

/* Shift by 2 to account for the 1px-wide cancel and retry TDs */
af|inputFile::multiple-upload-delete-button:ltr {
  margin-left: -2px;
}
af|inputFile::multiple-upload-delete-button:rtl {
  margin-right: -2px;
}

af|inputFile::multiple-upload-delete-button:disabled {
  background-image: url('/afr/alta-v1/cancel_dis.png');
  width: 16px;
  height: 16px;
}

af|inputFile::multiple-upload-delete-button:hover {
  background-image: url('/afr/alta-v1/cancel_ovr.png');
  width: 16px;
  height: 16px;
}

af|inputFile::multiple-upload-delete-button:active {
  background-image: url('/afr/alta-v1/cancel_dwn.png');
  width: 16px;
  height: 16px;
}

af|inputFile::multiple-upload-retry-button {
  background-image: url('/afr/alta-v1/reload_ena.png');
  width: 16px;
  height: 16px;
  vertical-align: middle;
}
@agent webkit {
  af|inputFile::multiple-upload-retry-button {
    padding: 0;
  }
}

/* Shift by 1 to account for the 1px-wide cancel TD */
af|inputFile::multiple-upload-retry-button:ltr {
  margin-left: -1px;
}
af|inputFile::multiple-upload-retry-button:rtl {
  margin-right: -1px;
}

af|inputFile::multiple-upload-retry-button:disabled {
  background-image: url('/afr/alta-v1/reload_dis.png');
  width: 16px;
  height: 16px;
}

af|inputFile::multiple-upload-retry-button:hover {
  background-image: url('/afr/alta-v1/reload_ovr.png');
  width: 16px;
  height: 16px;
}

af|inputFile::multiple-upload-retry-button:active {
  background-image: url('/afr/alta-v1/reload_dwn.png');
  width: 16px;
  height: 16px;
}

af|inputFile::multiple-upload-droparea-icon {
  content: url(/afr/alta-v1/dropArea_arrow_ena.png);
  background-color: -tr-property-ref(".AFBackgroundColor:alias", "color");
  width: 48px;
  height: 48px;
}

af|inputFile::multiple-upload-droparea-icon:hover {
  content: url(/afr/alta-v1/dropArea_arrow_ovr.png);
  width: 48px;
  height: 48px;
}

af|inputFile::multiple-upload-toolbar
{
  border-top-color: -tr-property-ref(".AFBackgroundBorderColor:alias","color");
  padding-top: 10px;
  padding-left: 10px;
  padding-right: 10px;
}

@agent webkit {
  af|inputFile::multiple-upload-toolbar
  {
    padding-right: 9px;
  }
  af|inputFile::multiple-upload-toolbar:rtl
  {
    padding-left: 9px;
  }
}

af|inputFile::multiple-upload-toolbar > table:first-child {
  width: 100%;
}

/* end of inputFile styles */

/* start of inputText styles */

af|inputText .AFPanelFormLayoutContentCell {
}
af|inputText:read-only .AFPanelFormLayoutContentCell {
  /*TODO ALTA*/
}
@agent webkit {
  af|inputText .AFPanelFormLayoutContentCell {
    /*TODO ALTA*/
  }
  af|inputText:read-only .AFPanelFormLayoutContentCell {
    /*TODO ALTA*/
  }
}
af|inputText .AFPanelFormLayoutContentCell:rtl {
  /*TODO ALTA*/
}
af|inputText:read-only .AFPanelFormLayoutContentCell:rtl {
  /*TODO ALTA*/
}
/* adjustment for panelAndLabelMessage in panelFormLayout */
af|panelLabelAndMessage::content-cell.AFPanelFormLayoutContentCell af|inputText {
  /*TODO ALTA*/
}
af|panelLabelAndMessage::content-cell.AFPanelFormLayoutContentCell af|inputText:read-only {
  /*TODO ALTA*/
}
af|panelLabelAndMessage::content-cell.AFPanelFormLayoutContentCell af|inputText:rtl {
  /*TODO ALTA*/
}
af|panelLabelAndMessage::content-cell.AFPanelFormLayoutContentCell af|inputText:read-only:rtl {
  /*TODO ALTA*/
}
@agent ie {
  af|inputText:read-only .AFPanelFormLayoutContentCell {
    /*TODO ALTA*/
  }
  af|inputText .AFPanelFormLayoutContentCell {
    /*TODO ALTA*/
  }
  af|inputText .AFPanelFormLayoutContentCell:rtl {
    /*TODO ALTA*/
  }
  af|panelLabelAndMessage::content-cell.AFPanelFormLayoutContentCell af|inputText {
    /*TODO ALTA*/
  }
  af|panelLabelAndMessage::content-cell.AFPanelFormLayoutContentCell af|inputText:rtl {
    /*TODO ALTA*/
  }
}
af|inputText::label {
  color: -tr-property-ref(".AFLabelColor:alias","color");
  font-weight: bold;
  padding-top: 1px;
  padding-right: 8px;
  vertical-align: inherit;
}
af|inputText::label:rtl {
  padding-left: 8px;
}
af|inputText:multi-row::label {
  vertical-align: text-top;
  padding-top: 7px;
}

af|panelFormLayout af|inputText:multi-row af|panelFormLayout::label-cell {
  padding-top: 15px;
}

@agent webkit {
  af|inputText::label {
    padding-top: 2px;
    padding-right: 6px;
  }
  af|inputText::label:rtl {
    padding-left: 6px;
  }
  
  
  af|inputText:multi-row:read-only af|inputText::label {
    vertical-align: top;
    padding-top: 8px;
  }
}

@agent (touchScreen:none) {
  af|inputText:read-only af|inputText::label {
    padding-top: 0px;
  }
  af|inputText:multi-row:read-only af|inputText::label {
    line-height: normal;
  }
}

/* Safari specific */
@agent webkit and (version: 534.*) {
  af|inputText::label {
    padding-top: 0px;
    padding-left: 4px;
  }
  af|inputText::label:rtl {
    padding-right: 4px;
  }
  
}

@agent webkit and (touchScreen) {
  af|inputText::label {
    padding-top: 2px;
  }
  
  af|inputText:read-only af|inputText::label {
    padding-top: 0px;
  }

  af|inputText:read-only:multi-row af|inputText::label {
    padding-top: 8px;
  }
  
  af|inputText:multi-row af|inputText::content {
    padding-left: 4px;
  }
  af|inputText:multi-row af|inputText::content:rtl {
    padding-right: 4px;
    padding-left: 5px;
  }
  af|inputText::context-content af|inputText::content,
  af|inputComboboxListOfValues::context-content af|inputComboboxListOfValues::content,
  af|inputListOfValues::context-content af|inputListOfValues::content {
    padding-left: 9px;
  }
  af|column::context af|contextInfo {
    padding-right: 3px;
  }
}

af|inputText:read-only af|inputText::label {
  padding-top: 7px;
}

af|inputText:multi-row:read-only af|inputText::label {
  vertical-align: top;
}
af|inputText:multi-row:read-only::content {
  padding-top: 6px;
}
/* Someone added padding-top of 6px causing misalignment for inputText with label */
af|inputText:read-only .AFPanelFormLayoutContentCell {
  padding-top: 8px;
}

af|panelFormLayout::column af|inputText:multi-row:read-only::content {
  padding-top: 0px;
}

af|panelFormLayout::column af|selectOneListbox:read-only::label,
af|panelFormLayout::column af|selectManyListbox:read-only::label  {
   padding-right: 0px;
   padding-top: 8px;
}

af|panelFormLayout::column af|inputText:read-only::content:ltr,
af|panelFormLayout::column af|inputDate:read-only::content:ltr,
af|panelFormLayout::column af|inputNumberSpinbox:read-only::content:ltr,
af|panelFormLayout::column af|inputNumberSlider:read-only::content:ltr,
af|panelFormLayout::column af|inputRangeSlider:read-only::content:ltr,
af|panelFormLayout::column af|inputListOfValues:read-only::content:ltr,
af|panelFormLayout::column af|inputFile:read-only::content:ltr,
af|panelFormLayout::column af|inputComboboxListOfValues:read-only::content:ltr,
af|panelFormLayout::column af|selectBooleanCheckbox:read-only::content:ltr,
af|panelFormLayout::column af|selectManyChoice:read-only::content:ltr,
af|panelFormLayout::column af|selectOneListbox:read-only::content:ltr,
af|panelFormLayout::column af|selectManyListbox:read-only::content:ltr{
  padding-left: 6px;
}

af|panelFormLayout::column af|inputText:read-only::content:rtl,
af|panelFormLayout::column af|inputDate:read-only::content:rtl,
af|panelFormLayout::column af|inputNumberSpinbox:read-only::content:rtl,
af|panelFormLayout::column af|inputNumberSlider:read-only::content:rtl,
af|panelFormLayout::column af|inputRangeSlider:read-only::content:rtl,
af|panelFormLayout::column af|inputListOfValues:read-only::content:rtl,
af|panelFormLayout::column af|inputFile:read-only::content:rtl,
af|panelFormLayout::column af|inputComboboxListOfValues:read-only::content:rtl,
af|panelFormLayout::column af|selectBooleanCheckbox:read-only::content:rtl,
af|panelFormLayout::column af|selectManyChoice:read-only::content:rtl,
af|panelFormLayout::column af|inputColor:read-only::content:rtl,
af|panelFormLayout::column af|selectOneListbox:read-only::content:rtl,
af|panelFormLayout::column af|selectManyListbox:read-only::content:rtl  {
  padding-right: 6px;
}

af|panelFormLayout::column af|selectOneChoice:read-only::content {
  vertical-align: 0px;
}

af|panelFormLayout::column af|inputNumberSpinbox:read-only::content {
  position: initial;
  padding-top: 0px;
}

af|panelFormLayout::column af|inputNumberSlider:read-only::content,
af|panelFormLayout::column af|inputRangeSlider:read-only::content {
  position: initial;
  top: 0px;
}

af|panelFormLayout af|inputText:read-only::label:ltr,
af|panelFormLayout af|inputNumberSlider:read-only::label:ltr,
af|panelFormLayout af|inputRangeSlider:read-only::label:ltr,
af|panelFormLayout af|inputListOfValues:read-only::label:ltr,
af|panelFormLayout af|inputComboboxListOfValues:read-only::label:ltr,
af|panelFormLayout af|richTextEditor:read-only::label:ltr,
af|panelFormLayout af|selectOneChoice:read-only::label:ltr,
af|panelFormLayout af|selectBooleanCheckbox:read-only::label:ltr {
  padding-right: 0px;
  padding-top: 8px;
}

af|panelFormLayout af|inputText:read-only::label:rtl,
af|panelFormLayout af|inputNumberSlider:read-only::label:rtl,
af|panelFormLayout af|inputRangeSlider:read-only::label:rtl,
af|panelFormLayout af|inputListOfValues:read-only::label:rtl,
af|panelFormLayout af|inputComboboxListOfValues:read-only::label:rtl,
af|panelFormLayout af|richTextEditor:read-only::label:rtl,
af|panelFormLayout af|selectOneChoice:read-only::label:rtl,
af|panelFormLayout af|selectBooleanCheckbox:read-only::label:rtl {
  padding-left: 0px;
  padding-top: 8px;
}

af|panelFormLayout af|selectBooleanRadio:read-only::label,
af|panelFormLayout af|selectOneRadio:read-only::label,
af|panelFormLayout af|selectManyCheckbox:read-only::label,
af|panelFormLayout af|selectManyChoice:read-only::label {
  padding-top: 8px;
}

af|panelFormLayout af|selectBooleanRadio:read-only::label {
  padding-bottom: 0px;
}

af|panelFormLayout::column af|inputColor:read-only::content:ltr {
  padding-left: 4px;
}

@agent gecko {
  af|selectManyChoice:read-only .AFPanelFormLayoutContentCell{
    padding-top: 8px;
  }
}

@agent ie {
  af|selectManyChoice:read-only .AFPanelFormLayoutContentCell{
    padding-top: 8px;
  }
}

@agent ie and (version: 10){
  af|panelFormLayout::column af|inputNumberSpinbox:read-only::content {
      vertical-align: 0px;
  }
}

@agent gecko {
  af|inputText:multi-row:read-only af|inputText::label {
    padding-top: 7px;
  }
}

@agent ie {
  /* For IE9 when Donna goes through make specific changes for IE8 + IE10 */
  af|inputText:multi-row:read-only af|inputText::label {
    padding-top: 8px;
  }
  
  af|inputText:multi-row:read-only::content {
    padding-top: 7px;
  }
}

af|inputText:read-only::content {
  height: 28px;
  display: table-cell;
  vertical-align: middle;
  padding: 0px;
}

af|inputText:multi-row:read-only::content {
  line-height: normal;
}

af|inputText::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");
  padding: 6px 5px 5px 5px;
  overflow-x: hidden;
  overflow-y: auto;
  height: 28px;
  margin: 0px;
}
/* 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;
  }
}
@agent ie and (version: 10) {
  af|inputText::content {
    padding-right: 0px;
  }
}

af|inputText:read-only:multi-row::content,
af|inputText:multi-row::content {
  /* Setting to 0 for resize handle */
  padding-right: 0px;
  padding-bottom: 0px;
  margin: 0px;
  display: block;
  height: auto;
}

@agent ie and (version: 9) {
  af|inputText::content {
    padding-top: 5px;
    padding-bottom: 4px;
  }
}


af|inputText:error::content,
af|inputComboboxListOfValues:error::container{
  border: 2px solid -tr-property-ref(".AFErrorColor:alias","color");
  margin: 0;
}
af|inputText:warning::content,
af|inputComboboxListOfValues:warning::container{
  border: 2px solid -tr-property-ref(".AFWarningColor:alias","color");
  margin: 0;
}
@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");
    opacity: 1;
  } 
}
@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 {
    color: -tr-property-ref(".AFTextColor:alias","color");
  }

@agent gecko
{
af|inputText .AFPanelFormLayoutContentCell af|inputText::content:focus {
outline-style: solid;
outline-width: 1px;
}
af|selectOneListbox .AFPanelFormLayoutContentCell af|selectOneListbox::content:focus {
outline-style: solid;
outline-width: 1px;
}
}
@agent ie
{
af|inputText .AFPanelFormLayoutContentCell af|inputText::content:focus {
outline-style: dotted;
outline-width: 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 {
    color: -tr-property-ref(".AFTextColor:alias","color");
  }

}
af|inputText:disabled af|inputText::label,
af|selectBooleanRadio:disabled af|selectBooleanRadio::label,
af|selectOneRadio:disabled af|selectOneRadio::label,
af|selectBooleanCheckbox:disabled af|selectBooleanCheckbox::label,
af|selectManyCheckbox:disabled af|selectManyCheckbox::label {
  color: -tr-property-ref(".AFLabelColor:alias","color");
}

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

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

af|inputText:read-only::content,
af|inputNumberSpinbox:read-only::content,
af|inputDate:read-only::content,
af|inputListOfValues:read-only,
af|inputComboboxListOfValues:read-only,
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 {
  background-image: none;
  background-color: transparent;
  border-style: none;
}

af|inputNumberSpinbox:read-only::content,
af|inputDate:read-only::content,
af|inputFile: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|selectManyChoice:read-only::content,
af|selectManyChoice:read-only::label,
af|selectManyListbox:read-only::content,
af|selectManyListbox:read-only::label,
af|selectOneChoice:read-only::content,
af|selectOneChoice:read-only::label,
af|selectOneListbox:read-only::content,
af|selectOneListbox:read-only::label,
af|selectOneRadio:read-only::content,
af|selectOneRadio:read-only::label,
af|selectBooleanRadio:read-only::content,
af|selectBooleanRadio:read-only::label,
af|selectBooleanCheckbox:read-only::content,
af|selectBooleanCheckbox:read-only::label {
  line-height: 28px;
}

@agent ie {
  af|selectManyChoice {
     padding-top: 0px;
  }
}
 
af|selectOneListbox:read-only::content {
  min-height: 0px;
}

af|inputNumberSpinbox:read-only::content {
  top: -1px;
}

af|inputNumberSlider:read-only::content,
af|inputNumberSlider:read-only:vertical::content,
af|inputRangeSlider:read-only::content,
af|inputRangeSlider:read-only:vertical::content {
  top: 0px;
}

af|inputNumberSlider:read-only::label,
af|inputNumberSlider:read-only:vertical::label,
af|inputRangeSlider:read-only::label,
af|inputRangeSlider:read-only:vertical::label,
af|selectManyListbox:read-only::label {
  vertical-align: middle;
}

/* setting the read only font-size to match default font-size */
af|richTextEditor:read-only::content {
  padding: 0px 5px;
  box-sizing: border-box;
  font-size: -tr-property-ref(".AFDefaultFontSize:alias","font-size");
}

@agent webkit{
  af|richTextEditor:read-only::content {
    -webkit-box-sizing: border-box;
  }
}

@agent gecko{
  af|richTextEditor:read-only::content {
    -moz-box-sizing: border-box;
    -tr-inhibit: box-sizing;
  }
}

@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:multi-row:read-only::content{
    min-height: 34px;
  }
}

/* end of inputText styles */

/* Start of inputNumberSpinbox styles */
af|inputNumberSpinbox:read-only::content {
  display: inline-block;
  padding-top: 1px;
}
af|inputNumberSpinbox::content {
  padding: 6px 5px 5px;
  border-radius: -tr-property-ref(".AFFormControlContentBorder:alias","border-radius") 0px 0px -tr-property-ref(".AFFormControlContentBorder:alias","border-radius");
  border-width: 1px 0px 1px 1px;
  border-color: -tr-property-ref(".AFFormControlContentBorderColor:alias","color");
  background-color: -tr-property-ref(".AFFormControlContentColor:alias","color"); 
  color: -tr-property-ref(".AFTextColor:alias","color");
  position: relative;
  height: 28px;
  margin: 0px;
}
af|inputNumberSpinbox::content:rtl {
  border-radius: 0px -tr-property-ref(".AFFormControlContentBorder:alias","border-radius") -tr-property-ref(".AFFormControlContentBorder:alias","border-radius") 0px;
}
/* Safari alignment tweaks */
@agent webkit and (version: 534.*) {
}
/* Chrome alignment tweaks */
@agent webkit and (min-version: 537) {
  af|inputNumberSpinbox::content {
    top: -1px;
  }
  af|inputNumberSpinbox::increment-cell,
  af|inputNumberSpinbox::decrement-cell {
    position: relative;
    top: -1px;
  }
}
/* android aligment tweaks */
@agent webkit and (version: 537.*) and (touchScreen) {
  af|inputNumberSpinbox::content {
    padding: 5px 5px 6px;
  }
}
af|inputNumberSpinbox::content:rtl {
   border-width: 1px 1px 1px 0;
}
af|inputNumberSpinbox:fatal::content,
af|inputNumberSpinbox:error::content,
af|inputNumberSpinbox:warning::content {
  /*TODO ALTA*/
}
@agent ie {
  af|inputNumberSpinbox:fatal::content,
  af|inputNumberSpinbox:error::content,
  af|inputNumberSpinbox:warning::content {
    /*TODO ALTA*/
  }
  /* IE has some challenges with the cell/icon-style alignment */
  af|inputNumberSpinbox::increment-cell,
  af|chooseDate::increment-cell,
  af|inputNumberSpinbox::decrement-cell,
  af|chooseDate::decrement-cell {
    filter: -tr-property-ref(".AFButtonBackground:alias","filter");
    vertical-align: bottom;
  }
  af|inputNumberSpinbox::decrement-cell,
  af|chooseDate::decrement-cell {
    margin-left: 0px;
  }
  @agent (touchScreen:none) {
    af|inputNumberSpinbox::increment-cell:hover,
    af|inputNumberSpinbox::decrement-cell:hover,
    af|inputNumberSpinbox::increment-cell:hover:active,
    af|inputNumberSpinbox::decrement-cell:hover:active,
    af|inputNumberSpinbox::increment-cell:disabled:hover,
    af|inputNumberSpinbox::increment-cell:disabled:active:hover,
    af|inputNumberSpinbox::decrement-cell:disabled:hover,
    af|inputNumberSpinbox::decrement-cell:disabled:active:hover,
    af|chooseDate::increment-cell:hover,
    af|chooseDate::decrement-cell:hover,
    af|chooseDate::increment-cell:hover:active,
    af|chooseDate::decrement-cell:hover:active,
    af|chooseDate::increment-cell:disabled:hover,
    af|chooseDate::increment-cell:disabled:active:hover,
    af|chooseDate::decrement-cell:disabled:hover,
    af|chooseDate::decrement-cell:disabled:active:hover {
      filter: none;
    }
  }
  @agent ie and (version: 8) {
    af|inputNumberSpinbox:read-only::dynamic-help-icon-style {
      top: 0px;
      vertical-align: -4px;
    }
    af|inputNumberSpinbox::dynamic-help-icon-style {
      vertical-align: -4px;
    }
    af|chooseDate::spinbox-content {
      top: 0px;
    }
    af|inputNumberSpinbox::increment-cell,
    af|inputNumberSpinbox::decrement-cell {
      vertical-align: baseline;
    }
  }
  @agent ie and (version: 9) {
    af|inputNumberSpinbox:read-only::content {
      padding-top: 0px;
      padding-bottom: 0px;
      height: auto;
    }
    af|inputNumberSpinbox::dynamic-help-icon-style {
      vertical-align: -4px;
    }
  }
  @agent ie and (version: 10) {
    af|inputNumberSpinbox::dynamic-help-icon-style {
      vertical-align: -4px;
    }
    af|inputNumberSpinbox:read-only::content {
      vertical-align: 7px;
    }
  }
  @platform iphone { 
    af|inputNumberSpinbox::content {
      padding-bottom: 3px;
      padding-top: 7px;
    }
  }
  af|inputNumberSpinbox::increment-cell:disabled,
  af|inputNumberSpinbox::increment-cell:disabled:active,
  af|inputNumberSpinbox::decrement-cell:disabled,
  af|inputNumberSpinbox::decrement-cell:disabled:active,
  af|inputNumberSpinbox::increment-cell:active,
  af|inputNumberSpinbox::decrement-cell:active,
  af|chooseDate::increment-cell:disabled,
  af|chooseDate::increment-cell:disabled:active,
  af|chooseDate::decrement-cell:disabled,
  af|chooseDate::decrement-cell:disabled:active,
  af|chooseDate::increment-cell:active,
  af|chooseDate::decrement-cell:active{
    filter: none;
  }
}
@agent ie and (version: 10) {
  af|inputNumberSpinbox:read-only::content {
    height: 14px;
  }
}
@agent ie and (max-version: 9) {
  af|inputNumberSpinbox::incrementor-icon-style,
  af|chooseDate::spinbox-incrementor-icon-style {
    background-image: url("/afr/alta-v1/up-arrow-ena.png");
  }
  af|body:high-contrast af|inputNumberSpinbox::incrementor-icon-style:after,
  af|body:high-contrast af|chooseDate::spinbox-incrementor-icon-style:after {
    content: url("/afr/alta-v1/up-arrow-ena.png");
    position: relative;
    left: 5px;
    top: 5px;
  }
  af|body:high-contrast af|inputNumberSpinbox::incrementor-icon-style:after:rtl,
  af|body:high-contrast af|chooseDate::spinbox-incrementor-icon-style:after:rtl {
    left: 0px;
    right: 5px;
  }
  af|inputNumberSpinbox::decrementor-icon-style,
  af|chooseDate::spinbox-decrementor-icon-style {
    background-image: url("/afr/alta-v1/down-arrow-ena.png");
  }
  af|body:high-contrast af|inputNumberSpinbox::decrementor-icon-style:after,
  af|body:high-contrast af|chooseDate::spinbox-decrementor-icon-style:after {
    content: url("/afr/alta-v1/down-arrow-ena.png");
    position:relative;
    left:5px;
    top:4px;
  }
  af|body:high-contrast af|inputNumberSpinbox::decrementor-icon-style:after:rtl,
  af|body:high-contrast af|chooseDate::spinbox-decrementor-icon-style:after:rtl {
    left: 0px;
    right: 5px;
  }
}
af|inputNumberSpinbox::increment-cell,
af|inputNumberSpinbox::decrement-cell,
af|chooseDate::increment-cell,
af|chooseDate::decrement-cell {
  background-image: none;
  display: inline-block;
  background-color: transparent;
  border-color: transparent;
  border-style: none;
  height: auto;
  width: auto;
  padding-left: 0px;
}
af|inputNumberSpinbox::increment-cell:rtl,
af|inputNumberSpinbox::decrement-cell:rtl,
af|chooseDate::increment-cell:rtl,
af|chooseDate::decrement-cell:rtl {
  padding-right: 0px;
}
af|inputNumberSpinbox::incrementor-icon-style,
af|inputNumberSpinbox::decrementor-icon-style,
af|chooseDate::spinbox-incrementor-icon-style,
af|chooseDate::spinbox-decrementor-icon-style {
  display: inline-block;
  -tr-rule-ref: selector(".AFButtonBorder:alias");
  background-color: -tr-property-ref(".AFButtonBackground:alias","background-color");
  height: 28px;
  width: 24px;
  vertical-align: top;
}
af|inputNumberSpinbox::incrementor-icon-style,
af|chooseDate::spinbox-incrementor-icon-style {
  background-image: url("/afr/alta-v1/up-arrow-ena.png"),-tr-property-ref(".AFButtonBackground:alias","background-image");
  border-radius: 0px;
  border-right-width: 0px;
}
af|inputNumberSpinbox::incrementor-icon-style:rtl,
af|chooseDate::spinbox-incrementor-icon-style:rtl {
  border-right-width: 1px;
  border-left-width: 0px;
}

af|body:high-contrast af|inputNumberSpinbox::incrementor-icon-style:after,
af|body:high-contrast af|chooseDate::spinbox-incrementor-icon-style:after {
  content: url("/afr/alta-v1/up-arrow-ena.png");
  position: relative;
  left: 5px;
  top: 5px;
}
af|body:high-contrast af|inputNumberSpinbox::incrementor-icon-style:after:rtl,
af|body:high-contrast af|chooseDate::spinbox-incrementor-icon-style:after:rtl {
  right: 5px;
  left: 0px;
}

af|inputNumberSpinbox::decrementor-icon-style,
af|chooseDate::spinbox-decrementor-icon-style {
  background-image: url("/afr/alta-v1/down-arrow-ena.png"),-tr-property-ref(".AFButtonBackground:alias","background-image");
  border-top-left-radius: 0px;
  border-bottom-left-radius: 0px;
}
af|inputNumberSpinbox::decrementor-icon-style:rtl,
af|chooseDate::spinbox-decrementor-icon-style:rtl {
  border-radius: -tr-property-ref(".AFFormControlContentBorder:alias","border-radius") 0px  0px -tr-property-ref(".AFFormControlContentBorder:alias","border-radius");
}
af|body:high-contrast af|inputNumberSpinbox::decrementor-icon-style:after,
af|body:high-contrast af|chooseDate::spinbox-decrementor-icon-style:after {
  content: url("/afr/alta-v1/down-arrow-ena.png");
  position: relative;
  left: 5px;
  top: 4px;
}
af|body:high-contrast af|inputNumberSpinbox::decrementor-icon-style:after:rtl,
af|body:high-contrast af|chooseDate::spinbox-decrementor-icon-style:after:rtl {
  left: 0px;
  right: 5px;
}

@agent (touchScreen:none) {
  af|inputNumberSpinbox::incrementor-icon-style:hover,
  af|inputNumberSpinbox::decrementor-icon-style:hover,
  af|chooseDate::spinbox-incrementor-icon-style:hover,
  af|chooseDate::spinbox-decrementor-icon-style:hover {
    background-color: -tr-property-ref(".AFButtonBackgroundHover:alias","background-color");
    border-color: -tr-property-ref(".AFButtonBorderHoverColor:alias","color");
  }
  af|inputNumberSpinbox::incrementor-icon-style:hover,
  af|chooseDate::spinbox-incrementor-icon-style:hover {
    background-image: url("/afr/alta-v1/up-arrow-ovr.png");
  }

  af|body:high-contrast af|inputNumberSpinbox::incrementor-icon-style:hover:after,
  af|body:high-contrast af|chooseDate::spinbox-incrementor-icon-style:hover:after {
    content: url("/afr/alta-v1/up-arrow-ovr.png");
    position: relative;
    left: 5px;
    top: 5px;
  }
  af|body:high-contrast af|inputNumberSpinbox::incrementor-icon-style:hover:after:rtl,
  af|body:high-contrast af|chooseDate::spinbox-incrementor-icon-style:hover:after:rtl {
    left: 0px;
    right: 5px;
  }
  af|inputNumberSpinbox::decrementor-icon-style:hover,
  af|chooseDate::spinbox-decrementor-icon-style:hover {
    background-image: url("/afr/alta-v1/down-arrow-ovr.png");
  }
  af|body:high-contrast af|inputNumberSpinbox::decrementor-icon-style:hover:after,
  af|body:high-contrast af|chooseDate::spinbox-decrementor-icon-style:hover:after {
    content: url("/afr/alta-v1/down-arrow-ovr.png");
    position: relative;
    left: 5px;
    top: 4px;
  }
  af|body:high-contrast af|inputNumberSpinbox::decrementor-icon-style:hover:after:rtl,
  af|body:high-contrast af|chooseDate::spinbox-decrementor-icon-style:hover:after:rtl {
    left: 0px;
    right: 5px;
  }

  af|inputNumberSpinbox::incrementor-icon-style:disabled:hover,
  af|inputNumberSpinbox::incrementor-icon-style:disabled:active:hover,
  af|inputNumberSpinbox::decrementor-icon-style:disabled:hover,
  af|inputNumberSpinbox::decrementor-icon-style:disabled:active:hover,
  af|chooseDate::spinbox-incrementor-icon-style:disabled:hover,
  af|chooseDate::spinbox-incrementor-icon-style:disabled:active:hover,
  af|chooseDate::spinbox-decrementor-icon-style:disabled:hover,
  af|chooseDate::spinbox-decrementor-icon-style:disabled:active:hover {
    background-color: -tr-property-ref(".AFButtonDisabledColor:alias","color");
    border-color: -tr-property-ref(".AFButtonBorderDisabledColor:alias","color");
   }
  af|inputNumberSpinbox::incrementor-icon-style:disabled:hover,
  af|inputNumberSpinbox::incrementor-icon-style:disabled:active:hover,
  af|chooseDate::spinbox-incrementor-icon-style:disabled:hover,
  af|chooseDate::spinbox-incrementor-icon-style:disabled:active:hover {
    background-image: url("/afr/alta-v1/up-arrow-dis.png");
  }

  af|body:high-contrast af|inputNumberSpinbox::incrementor-icon-style:disabled:hover:after,
  af|body:high-contrast af|inputNumberSpinbox::incrementor-icon-style:disabled:active:hover:after,
  af|body:high-contrast af|chooseDate::spinbox-incrementor-icon-style:disabled:hover:after,
  af|body:high-contrast af|chooseDate::spinbox-incrementor-icon-style:disabled:active:hover:after {
    content: url("/afr/alta-v1/up-arrow-dis.png");
    position: relative;
    left: 5px;
    top: 5px;
  }
  af|body:high-contrast af|inputNumberSpinbox::incrementor-icon-style:disabled:hover:after:rtl,
  af|body:high-contrast af|inputNumberSpinbox::incrementor-icon-style:disabled:active:hover:after:rtl,
  af|body:high-contrast af|chooseDate::spinbox-incrementor-icon-style:disabled:hover:after:rtl,
  af|body:high-contrast af|chooseDate::spinbox-incrementor-icon-style:disabled:active:hover:after:rtl {
    right: 5px;
    left: 0px;
  }
  af|inputNumberSpinbox::decrementor-icon-style:disabled:hover,
  af|inputNumberSpinbox::decrementor-icon-style:disabled:active:hover,
  af|chooseDate::spinbox-decrementor-icon-style:disabled:hover,
  af|chooseDate::spinbox-decrementor-icon-style:disabled:active:hover {
    background-image: url("/afr/alta-v1/down-arrow-dis.png");
  }
  af|body:high-contrast af|inputNumberSpinbox::decrementor-icon-style:disabled:hover:after,
  af|body:high-contrast af|inputNumberSpinbox::decrementor-icon-style:disabled:active:hover:after,
  af|body:high-contrast af|chooseDate::spinbox-decrementor-icon-style:disabled:hover:after,
  af|body:high-contrast af|chooseDate::spinbox-decrementor-icon-style:disabled:active:hover:after {
    content: url("/afr/alta-v1/down-arrow-dis.png");
    position: relative;
    left: 5px;
    top: 4px;
  }
  af|body:high-contrast af|inputNumberSpinbox::decrementor-icon-style:disabled:hover:after:rtl,
  af|body:high-contrast af|inputNumberSpinbox::decrementor-icon-style:disabled:active:hover:after:rtl,
  af|body:high-contrast af|chooseDate::spinbox-decrementor-icon-style:disabled:hover:after:rtl,
  af|body:high-contrast af|chooseDate::spinbox-decrementor-icon-style:disabled:active:hover:after:rtl {
    left: 0px;
    right: 5px;
  }


  af|inputNumberSpinbox::incrementor-icon-style:hover:active,
  af|inputNumberSpinbox::decrementor-icon-style:hover:active,
  af|chooseDate::spinbox-incrementor-icon-style:hover:active,
  af|chooseDate::spinbox-decrementor-icon-style:hover:active {
    background-color: -tr-property-ref(".AFButtonActiveColor:alias","color");
    border-color: -tr-property-ref(".AFButtonBorderActiveColor:alias","color");
  }
  af|inputNumberSpinbox::incrementor-icon-style:hover:active,
  af|chooseDate::spinbox-decrementor-icon-style:hover:active {
    background-image: url("/afr/alta-v1/up-arrow-dwn.png");
  }
  af|body:high-contrast af|inputNumberSpinbox::incrementor-icon-style:hover:active:after,
  af|body:high-contrast af|chooseDate::spinbox-decrementor-icon-style:hover:active:after {
    content: url("/afr/alta-v1/up-arrow-dwn.png");
    position: relative;
    left: 5px;
    top: 4px;
  }
  af|body:high-contrast af|inputNumberSpinbox::incrementor-icon-style:hover:active:after:rtl,
  af|body:high-contrast af|chooseDate::spinbox-decrementor-icon-style:hover:active:after:rtl {
    left: 0px;
    right: 5px;
  }
  af|inputNumberSpinbox::decrementor-icon-style:hover:active,
  af|chooseDate::spinbox-decrementor-icon-style:hover:active {
    background-image: url("/afr/alta-v1/down-arrow-dwn.png");
  }
  af|body:high-contrast af|inputNumberSpinbox::decrementor-icon-style:hover:active:after,
  af|body:high-contrast af|chooseDate::spinbox-decrementor-icon-style:hover:active:after {
    content: url("/afr/alta-v1/down-arrow-dwn.png");
    position: relative;
    left: 5px;
    top: 4px;
  }
  af|body:high-contrast af|inputNumberSpinbox::decrementor-icon-style:hover:active:after:rtl,
  af|body:high-contrast af|chooseDate::spinbox-decrementor-icon-style:hover:active:after:rtl {
    left: 0px;
    right: 5px;
  }
}

af|inputNumberSpinbox::incrementor-icon-style:disabled,
af|inputNumberSpinbox::incrementor-icon-style:disabled:active,
af|inputNumberSpinbox::decrementor-icon-style:disabled,
af|inputNumberSpinbox::decrementor-icon-style:disabled:active,
af|chooseDate::spinbox-incrementor-icon-style:disabled,
af|chooseDate::spinbox-incrementor-icon-style:disabled:active,
af|chooseDate::spinbox-decrementor-icon-style:disabled,
af|chooseDate::spinbox-decrementor-icon-style:disabled:active {
  background-color: -tr-property-ref(".AFButtonDisabledColor:alias","color");
  border-color: -tr-property-ref(".AFButtonBorderDisabledColor:alias","color");
}
af|inputNumberSpinbox::incrementor-icon-style:disabled,
af|inputNumberSpinbox::incrementor-icon-style:disabled:active,
af|chooseDate::spinbox-incrementor-icon-style:disabled,
af|chooseDate::spinbox-incrementor-icon-style:disabled:active {
  background-image: url("/afr/alta-v1/up-arrow-dis.png");
}
af|body:high-contrast af|inputNumberSpinbox::incrementor-icon-style:disabled:after,
af|body:high-contrast af|inputNumberSpinbox::incrementor-icon-style:disabled:active:after,
af|body:high-contrast af|chooseDate::spinbox-incrementor-icon-style:disabled:after,
af|body:high-contrast af|chooseDate::spinbox-incrementor-icon-style:disabled:active:after {
  content: url("/afr/alta-v1/up-arrow-dis.png");
  position: relative;
    left: 5px;
    top: 5px;
}
af|body:high-contrast af|inputNumberSpinbox::incrementor-icon-style:disabled:after:rtl,
af|body:high-contrast af|inputNumberSpinbox::incrementor-icon-style:disabled:active:after:rtl,
af|body:high-contrast af|chooseDate::spinbox-incrementor-icon-style:disabled:after:rtl,
af|body:high-contrast af|chooseDate::spinbox-incrementor-icon-style:disabled:active:after:rtl {
    left: 0px;
    right: 5px;
}
af|inputNumberSpinbox::decrementor-icon-style:disabled,
af|inputNumberSpinbox::decrementor-icon-style:disabled:active,
af|chooseDate::spinbox-decrementor-icon-style:disabled,
af|chooseDate::spinbox-decrementor-icon-style:disabled:active {
  background-image: url("/afr/alta-v1/down-arrow-dis.png");
}
af|body:high-contrast af|inputNumberSpinbox::decrementor-icon-style:disabled:after,
af|body:high-contrast af|inputNumberSpinbox::decrementor-icon-style:disabled:active:after,
af|body:high-contrast af|chooseDate::spinbox-decrementor-icon-style:disabled:after,
af|body:high-contrast af|chooseDate::spinbox-decrementor-icon-style:disabled:active:after {
  content: url("/afr/alta-v1/down-arrow-dis.png");
  position: relative;
  left: 5px;
  top: 4px;
}
af|body:high-contrast af|inputNumberSpinbox::decrementor-icon-style:disabled:after:rtl,
af|body:high-contrast af|inputNumberSpinbox::decrementor-icon-style:disabled:active:after:rtl,
af|body:high-contrast af|chooseDate::spinbox-decrementor-icon-style:disabled:after:rtl,
af|body:high-contrast af|chooseDate::spinbox-decrementor-icon-style:disabled:active:after:rtl {
  left: 0px;
  right: 5px;
}

af|inputNumberSpinbox::incrementor-icon-style:active,
af|inputNumberSpinbox::decrementor-icon-style:active,
af|chooseDate::spinbox-incrementor-icon-style:active,
af|chooseDate::spinbox-decrementor-icon-style:active {
  background-color: -tr-property-ref(".AFButtonActiveColor:alias","color");
  border-color: -tr-property-ref(".AFButtonBorderActiveColor:alias","color");
}
af|inputNumberSpinbox::incrementor-icon-style:active,
af|chooseDate::spinbox-incrementor-icon-style:active {
  background-image: url("/afr/alta-v1/up-arrow-dwn.png");
}
af|body:high-contrast af|inputNumberSpinbox::incrementor-icon-style:active:after,
af|body:high-contrast af|chooseDate::spinbox-incrementor-icon-style:active:after {
  content: url("/afr/alta-v1/up-arrow-dwn.png");
  position: relative;
    left: 5px;
    top: 5px;
}
af|body:high-contrast af|inputNumberSpinbox::incrementor-icon-style:active:after:rtl,
af|body:high-contrast af|chooseDate::spinbox-incrementor-icon-style:active:after:rtl {
  left: 0px;
  right: 5px;
}
af|inputNumberSpinbox::decrementor-icon-style:active,
af|chooseDate::spinbox-decrementor-icon-style:active {
  background-image: url("/afr/alta-v1/down-arrow-dwn.png");
}
af|body:high-contrast af|inputNumberSpinbox::decrementor-icon-style:active:after,
af|body:high-contrast af|chooseDate::spinbox-decrementor-icon-style:active:after {
  content: url("/afr/alta-v1/down-arrow-dwn.png");
  position: relative;
  left: 5px;
  top: 4px;
}
af|body:high-contrast af|inputNumberSpinbox::decrementor-icon-style:active:after:rtl,
af|body:high-contrast af|chooseDate::spinbox-decrementor-icon-style:active:after:rtl {
  left: 5px;
  right: 5px;
}

/* end of inputNumberSpinbox styles */

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

@agent webkit, gecko, ie and (max-version: 9) {
  af|toolbox af|menuBar {
    margin-right: 1px;
  }
  af|toolbox af|menuBar:rtl {
    margin-right: 0px;
    margin-left: 1px;
  }
}

af|menuBar::separator {
  padding-right: 5px;
  padding-left: 5px;
}

af|menuBar::overflow-container {
  padding: 1px;
}

/* NOTE: Toolbar/MenuBar ::body and ::content only renders when overflow is on. This means styling, especially
   padding or margins, should not be done here as it will not show up for non-overflow toolbars! */
af|menuBar::body {
  -tr-inhibit: min-height;
  -tr-inhibit: padding;
}

af|menuBar::items {
  min-height: 28px;
  padding: 3px 5px;
}


af|toolbar:end-overflow::body,
af|menuBar:end-overflow::body {
  padding-right: 37px;
}

af|toolbar:end-overflow::body:rtl,
af|menuBar:end-overflow::body:rtl {
  padding-left: 37px;
  padding-right: 0px;
}


af|toolbar::overflow-indicator,
af|menuBar::overflow-indicator {
  top: 0px;
  margin-top: 3px;
  margin-bottom: 3px;
  margin-right: 0px;
  margin-left: 3px;
}

af|toolbar::overflow-indicator:rtl,
af|menuBar::overflow-indicator:rtl {
  top: 0px;
  margin-top: 3px;
  margin-bottom: 3px;
  margin-right: 3px;
  margin-left: 0px;
}

af|toolbox::last-cell af|toolbar::overflow-indicator {
  margin-right: 0px;
  margin-left: 6px;
}

af|toolbox::last-cell af|toolbar::overflow-indicator:rtl {
  margin-right: 6px;
  margin-left: 0px;
}

af|toolbox::leading-cell af|toolbar::overflow-indicator {
  margin-right: 6px;
  margin-left: 3px;
}

af|toolbox::leading-cell af|toolbar::overflow-indicator:rtl {
  margin-left: 6px;
  margin-right: 0px;
}

af|menu::scroll-content {
  padding-right: 1px;
  padding-left: 1px;
  padding-top: 1px;
  padding-bottom: 1px;
}

/* 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,
af|menuBar::model-bar-nav-item,
af|menuBar::model-inner-nav-item {
  -tr-inhibit: height;
  border: 1px solid transparent;
  padding-top: 1px;
  padding-bottom: 1px;
  padding-right: 0px;
  padding-left: 0px;
  -tr-inhibit: border-radius;
  min-height: 24px;
}

/* 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,
af|menuBar::model-bar-nav-item:highlighted,
af|menuBar::model-inner-nav-item:highlighted {
  padding-top: 1px;
  padding-bottom: 1px;
  padding-right: 0px;
  padding-left: 0px;  
  -tr-rule-ref: selector(".AFButtonBorderHover:alias");
  -tr-rule-ref: selector(".AFButtonBackgroundHover:alias");
  border-radius: -tr-property-ref(".AFButtonBorder:alias","border-radius");
  border-width: 1px;
  border-style: solid;
}

/* 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,
af|menuBar::model-bar-nav-item:depressed,
af|menuBar::model-inner-nav-item:depressed {
  padding-top: 1px;
  padding-bottom: 1px;
  padding-right: 0px;
  padding-left: 0px;
  -tr-rule-ref: selector(".AFButtonBorderActive:alias");
  -tr-rule-ref: selector(".AFButtonBackgroundActive:alias");
  border-radius: -tr-property-ref(".AFButtonBorder:alias","border-radius");
  border-width: 1px;
  border-style: solid;
}

/* menu bar item icon */
af|menu::bar-item-icon-style,
af|commandMenuItem::bar-item-icon-style,
af|goMenuItem::bar-item-icon-style {
  padding-left: 4px;
  padding-right: 0px;
  padding-bottom: 4px;
  padding-top: 4px;
}
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: 4px;
  padding-bottom: 4px;
  padding-top: 4px;
}

/* menu bar item text (menu has drop down indicator) */
af|menu::bar-item-text,
af|menuBar::model-nav-item-text,
af|commandMenuItem::bar-item-text,
af|goMenuItem::bar-item-text {
  color: -tr-property-ref(".AFTextPrimaryColor:alias","color");
  padding-left: 0px;
  padding-right: 4px;
  height: 24px;
  vertical-align: middle;
  display: table-cell;
  text-align: center;
}

@agent ie and (version: 8.0), ie and (version: 9.0)
{
  af|menu::bar-item-text,
  af|menuBar::model-nav-item-text,
  af|commandMenuItem::bar-item-text,
  af|goMenuItem::bar-item-text {
    -tr-inhibit: display;
  }
}

@agent ie and (version: 8.0)
{
  af|menu::bar-item-text,
  af|menuBar::model-nav-item-text,
  af|commandMenuItem::bar-item-text,
  af|goMenuItem::bar-item-text {
    padding-left: 4px;
  }
}

/* add padding if there is content in the title */
af|menu::bar-item-text::first-letter,
af|menuBar::model-nav-item-text::first-letter,
af|commandMenuItem::bar-item-text::first-letter,
af|goMenuItem::bar-item-text::first-letter {
  padding-left: 4px;
} 

af|menu::bar-item:depressed af|menu::bar-item-text,
af|menuBar::model-bar-nav-item:depressed af|menuBar::model-nav-item-text,
af|menuBar::model-inner-nav-item:depressed af|menuBar::model-nav-item-text,
af|menu::bar-item:depressed af|commandMenuItem::bar-item-text,
af|menu::bar-item:depressed af|goMenuItem::bar-item-text {
  color: -tr-property-ref(".AFButtonTextActiveColor:alias","color");
  background-color: -tr-property-ref(".AFButtonActiveColor:alias","color");
}

/* remove focus/active effect */

af|menu::bar-item-text:active,
af|menuBar::model-nav-item-text:active,
af|menu::bar-item-text:link:active,
af|menuBar::model-nav-item-text:link:active,
af|menu::bar-item-text:focus,
af|menuBar::model-nav-item-text:focus,
af|commandMenuItem::bar-item-text:active,
af|commandMenuItem::bar-item-text:link:active,
af|commandMenuItem::bar-item-text:focus,
af|goMenuItem::bar-item-text:active,
af|goMenuItem::bar-item-text:link:active,
af|goMenuItem::bar-item-text:focus {
  outline: none;
}



@agent (touchScreen:none) {

  af|commandMenuItem::bar-item-text:hover,
  af|goMenuItem::bar-item-text:hover,
  af|menu::bar-item:hover af|menu::bar-item-text,
  af|menuBar::model-bar-nav-item:hover af|menuBar::model-nav-item-text,
  af|menuBar::model-inner-nav-item:hover af|menuBar::model-nav-item-text,
  af|menu::bar-item:hover af|commandMenuItem::bar-item-text,
  af|menu::bar-item:hover af|goMenuItem::bar-item-text {
    color: -tr-property-ref(".AFButtonTextHoverColor:alias","color");
  }

  af|commandMenuItem::bar-item-text:active:hover,
  af|goMenuItem::bar-item-text:active:hover,
  af|menu::bar-item:hover:depressed af|menu::bar-item-text,
  af|menuBar::model-bar-nav-item:hover:depressed af|menuBar::model-nav-item-text,
  af|menuBar::model-inner-nav-item:hover:depressed af|menuBar::model-nav-item-text,
  af|menu::bar-item:hover:depressed af|commandMenuItem::bar-item-text,
  af|menu::bar-item:hover:depressed af|goMenuItem::bar-item-text {
    color: -tr-property-ref(".AFButtonTextActiveColor:alias","color");
    background-color: -tr-property-ref(".AFButtonActiveColor:alias","color");
  }

  af|menu::bar-item:disabled af|menu::bar-item-text:hover,
  af|menuBar::model-bar-nav-item:disabled af|menuBar::model-nav-item-text:hover,
  af|menuBar::model-inner-nav-item:disabled af|menuBar::model-nav-item-text:hover,
  af|commandMenuItem:disabled::bar-item-text:hover,
  af|goMenuItem:disabled::bar-item-text:hover,
  af|menu::bar-item:disabled af|menu::bar-item-text:active:hover,
  af|menuBar::model-bar-nav-item:disabled af|menuBar::model-nav-item-text:active:hover,
  af|menuBar::model-inner-nav-item:disabled af|menuBar::model-nav-item-text:active:hover,
  af|commandMenuItem:disabled::bar-item-text:active:hover,
  af|goMenuItem:disabled::bar-item-text:active:hover {
    color: -tr-property-ref(".AFLinkDisabledColor:alias","color");
    background-color: transparent;
  }
  
  af|menuBar::model-bar-nav-item:disabled af|menuBar::model-nav-item-text,
  af|menuBar::model-inner-nav-item:disabled af|menuBar::model-nav-item-text {
    outline: none;
  }
  
  af|menu::bar-item:hover:disabled af|menu::bar-item-text, 
  af|menuBar::model-bar-nav-item:hover:disabled af|menuBar::model-nav-item-text,
  af|menuBar::model-inner-nav-item:hover:disabled af|menuBar::model-nav-item-text,
  .AFMenuBarOverflowCell af|menu::bar-item:hover:disabled af|menu::bar-item-text,
  .AFMenuBarOverflowCell af|menuBar::model-inner-nav-item:hover:disabled af|menuBar::model-nav-item-text,
  .AFMenuBarOverflowCell af|menuBar::model-bar-nav-item:hover:disabled af|menuBar::model-nav-item-text {
    color: -tr-property-ref(".AFLinkDisabledColor:alias","color");
    background-color: transparent;
  }

  .AFMenuBarOverflowCell af|commandMenuItem::bar-item-text:hover,
  .AFMenuBarOverflowCell af|goMenuItem::bar-item-text:hover,
  .AFMenuBarOverflowCell af|menu::bar-item-text:hover,
  .AFMenuBarOverflowCell af|menuBar::model-nav-item-text:hover,
  .AFMenuBarOverflowCell af|menu::bar-item:hover af|menu::bar-item-text,
  .AFMenuBarOverflowCell af|menuBar::model-bar-nav-item:hover af|menuBar::model-nav-item-text,
  .AFMenuBarOverflowCell af|menuBar::model-inner-nav-item:hover af|menuBar::model-nav-item-text,
  .AFMenuBarOverflowCell af|commandMenuItem::bar-item-text:active:active:hover,
  .AFMenuBarOverflowCell af|goMenuItem::bar-item-text:active:hover,
  .AFMenuBarOverflowCell af|menu::bar-item-text:active:hover,
  .AFMenuBarOverflowCell af|menuBar::model-nav-item-text:active:hover {
    background-color: transparent;
    color: -tr-property-ref(".AFTextPrimaryColor:alias","color");
}

}

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");
  font-weight: normal;
}


af|menu::bar-item-open-icon-style {
  background-image: url("/afr/alta-v1/dropdown_ena.png");
  background-position: left center;
  width: 14px;
  height: 14px;
  padding-left: 0px;
  padding-right: 4px;
  padding-top: 5px;
  padding-bottom: 5px;
}

af|menu::bar-item-open-icon-style:rtl {
  background-position: right center;
  padding-left: 4px;
  padding-right: 0px;
}



@agent webkit, gecko {
  af|menu::bar-item-open-icon-style {
    padding-right: 3px;
  }
  af|menu::bar-item-open-icon-style:rtl {
    padding-left: 3px;
  }
}

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

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

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


af|menu::separator-row {
  height: 3px;
}

af|menu::separator-row af|menu::separator,
af|menu::separator-row af|menu::submenu-icon-style af|menu::item-empty-cell {
  height: 1px;
  background-color: -tr-property-ref(".AFWindowBorderColor:alias","color");
  padding: 0px;
}

af|menu::separator-row af|menu::submenu-icon-style {
  padding: 0px;
}

/* the menu popup group seperator line */
af|menu::separator {
  -tr-inhibit: background-color;
  -tr-inhibit: margin;
}

af|commandMenuItem::menu-item,
af|goMenuItem::menu-item,
af|menu::submenu {
  height: 30px;
  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,
af|menuBar::model-inner-nav-item:highlighted af|menu::submenu-open-indicator,
af|menuBar::model-inner-nav-item:highlighted af|commandMenuItem::menu-item-open-indicator  {
  -tr-inhibit: background-color;
  vertical-align: middle;
}

af|commandMenuItem::menu-item-icon-style IMG,
af|goMenuItem::menu-item-icon-style IMG,
af|menu::submenu-icon-style IMG {
  vertical-align: middle;
}

/* 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;
  -tr-inhibit: width;
  padding-right: 7px;
  padding-left: 7px;
  border-top: none;
  border-bottom: none;
}

af|menu::submenu-open-icon-style {
  vertical-align: middle;
  display: inline-block;
}

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;
  -tr-inhibit: width;
  padding-right: 7px;
  padding-left: 7px;
}

/* 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: 16px;
  width: 16px;
}

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

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

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

af|commandMenuItem:selected::menu-item-radio-icon-style {
  background-image: url("/afr/alta-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/alta-v1/menu_toggle_icon_on.png");
}
af|commandMenuItem:selected::menu-item-radio-icon {
  content: url("/afr/alta-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(".AFTextDisabledColor: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: 0px;
  padding-left: 0px
}



/* disabled accelerator text */
af|commandMenuItem:disabled::menu-item-accelerator,
af|goMenuItem:disabled::menu-item-accelerator,
af|menu:disabled::submenu-accelerator {
  color: -tr-property-ref(".AFTextDisabledColor: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: auto;
  width: auto;
  border-top: none;
  border-bottom: none;
  text-align: right;
}

af|commandMenuItem::menu-item-open-indicator:rtl,
af|goMenuItem::menu-item-open-indicator:rtl,
af|menu::submenu-open-indicator:rtl {
  text-align: left;
}

/* add 16px padding when the open indicator icon is empty */
af|commandMenuItem::menu-item-open-indicator af|commandMenuItem::menu-item-empty-cell,
af|goMenuItem::menu-item-open-indicator af|goMenuItem::menu-item-empty-cell,
af|menu::submenu-open-indicator af|menu::item-empty-cell {
  padding-right: 16px;
}

/* 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 right;
  background-repeat: no-repeat;
  background-image: url("/afr/alta-v1/open_submenu_ena.png");
  width: 16px;
  height: 16px;
  padding-right: 0px;
  padding-left: 5px;
  margin: 0px;
  display: inline-block;
}

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-position: center left;
  background-image: url("/afr/alta-v1/open_submenu_ena_rtl.png");
  margin-right: 0px;
  padding-right: 5px;
  padding-left: 0px;
  margin: 0px;
}

af|menu:disabled::submenu-open-icon-style,
af|menuBar::overflow-container af|menu:disabled::bar-item-open-icon-style {
  background-position: center right;
  background-image: url("/afr/alta-v1/open_submenu_dis.png");
  padding-right: 0px;
  padding-left: 5px;
  margin: 0px;
}

af|menu:disabled::submenu-open-icon-style:rtl,
af|menuBar::overflow-container af|menu:disabled::bar-item-open-icon-style:rtl {
  background-position: center left;
  background-image: url("/afr/alta-v1/open_submenu_dis_rtl.png");
  padding-right: 5px;
  padding-left: 0px;
  margin: 0px;
}

/* 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,
af|menuBar::overflow-container af|menuBar::model-bar-nav-item,
af|menuBar::overflow-container af|menuBar::model-inner-nav-item {
  background: transparent;
  padding: 1px;
  border: 1px transparent;
}

/* MenuBar and toolbar need minimum height so they don't shrink when all children are in overflow.
   34px is 28px from the items themselves, +3px padding top/bottom applied to the ::items container. */
af|toolbar,
af|menuBar {
  min-height: 34px;
}

af|menuBar,
af|menuBar::overflow-container {
  background: transparent;
  -tr-inhibit: color;
}

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,
af|menuBar::overflow-container af|menuBar::model-bar-nav-item:highlighted,
af|menuBar::overflow-container af|menuBar::model-inner-nav-item:highlighted {
  padding: 1px;
  border: 1px transparent;
  background-color: -tr-property-ref(".AFHoverSecondaryColor:alias","color");
}

af|menuBar::overflow-container af|menu::bar-item:highlighted:depressed af|menu::bar-item-text,
af|menuBar::overflow-container af|menuBar::model-bar-nav-item:highlighted:depressed af|menuBar::model-nav-item-text,
af|menuBar::overflow-container af|menuBar::model-inner-nav-item:highlighted:depressed af|menuBar::model-nav-item-text,
af|menuBar::overflow-container af|menu::bar-item:highlighted:depressed af|commandMenuItem::bar-item-text,
af|menuBar::overflow-container af|menu::bar-item:highlighted:depressed af|goMenuItem::bar-item-text,
af|menuBar::overflow-container af|menu::bar-item:depressed af|menu::bar-item-text,
af|menuBar::overflow-container af|menuBar::model-bar-nav-item:depressed af|menuBar::model-nav-item-text,
af|menuBar::overflow-container af|menuBar::model-inner-nav-item:depressed af|menuBar::model-nav-item-text,
af|menuBar::overflow-container af|menu::bar-item:depressed af|commandMenuItem::bar-item-text,
af|menuBar::overflow-container af|menu::bar-item:depressed af|goMenuItem::bar-item-text {
    background-color: transparent;
    color: -tr-property-ref(".AFTextPrimaryColor: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|menuBar::model-bar-nav-item,
  af|menuBar::overflow-container af|menuBar::model-inner-nav-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,
  af|menuBar::overflow-container af|menuBar::model-bar-nav-item:highlighted,
  af|menuBar::overflow-container af|menuBar::model-inner-nav-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 {
  border: none;
  height: 8px;
  padding-top: 7px;
  padding-bottom: 4px;
  background-image: url("/afr/alta-v1/up-arrow-ena.png");
}

/* menu scroll down icon */
af|menu::scroll-down-icon-style {
  border: none;
  height: 8px;
  padding-top: 7px;
  padding-bottom: 4px;
  background-image: url("/afr/alta-v1/down-arrow-ena.png");
}

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

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

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

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

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

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

@agent (touchScreen:none) {

  af|menu::scroll-up-icon-style:disabled:hover {
    background-image: url("/afr/alta-v1/up-arrow-dis.png");
  }
  af|menu::scroll-down-icon-style:disabled:hover {
    background-image: url("/afr/alta-v1/down-arrow-dis.png");
  }

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

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

  /* IE workaround, doesn't seem to apply the active state to the td */
  af|menu::scroll-up-cell af|menu::scroll-up-icon-style:active:hover,
  af|menu::scroll-down-cell af|menu::scroll-down-icon-style:active:hover {
    background-color: -tr-property-ref(".AFGridControlSelectedColor: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");
}

/* 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: height;
  -tr-inhibit: background-image;
  background-color: -tr-property-ref(".AFComponentBackground2Color:alias","color");
}

@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/alta-v1/drag_vertical.png");
  background-position: center center;
  height: 19px;
}

@agent (touchScreen:none) {
  af|menu::detach-grip:hover {
   -tr-inhibit: background-image;
  }
}
/* Detachable menus use specialized depressed state on headers instead of active state */
af|menu::detachable-header-content-center:depressed af|menu::detach-grip {
  -tr-inhibit: background-image;
}

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

af|menu::child-container:detached {
  background-color: -tr-property-ref(".AFComponentBackgroundColor:alias","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");
  -tr-inhibit: background-image;
  -tr-inhibit: font-family;
  -tr-inhibit: font-size; 
  height: 28px;
  padding-left: 5px;
  padding-right: 5px;
  padding-top: 0px;
  padding-bottom: 0px;
  border-bottom: 1px solid -tr-property-ref(".AFWindowBorderColor:alias","color");
}

af|menu::child-container:detached af|panelWindow::title {
  padding-left: 5px;
  padding-right: 5px;
  padding-bottom: 0px;
  margin-bottom: 0px;
}

af|menu::child-container:detached af|panelWindow::close-icon-style,
af|menu::child-container:detached af|panelWindow::pin-icon-style{
  padding: 0px;
}

/* 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(".AFComponentBackground2Color: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|messages::header-text {
  -tr-rule-ref: selector(".AFDefaultFontSize:alias");
  font-size: +2;
  font-weight: bold;
  color: -tr-property-ref(".AFHeaderTextColor:alias","color");
  line-height: normal;
  padding-top: 6px;
  padding-bottom: 8px;
  padding-left: 4px;
}

af|message::type {
  -tr-rule-ref: selector(".AFDefaultFontSize:alias");
  font-size: +2;
  font-weight: bold;
  color: -tr-property-ref(".AFHeaderTextColor:alias","color");
  line-height: normal;
  padding: 0 0 6px 0;
  
}

@agent gecko {
  af|message::type {
    position: relative;
    top: -1px;
  }
}

@agent ie {
  af|message::type {
    padding: 1px 0 5px 0;
  }
}

af|message::detail,
af|messages::detail {
  color: -tr-property-ref(".AFTextColor:alias","color");
  line-height: normal;
  padding: 1px 10px 7px 0px;
}

af|message::detail:rtl,
af|messages::detail:rtl {
  padding-left: 10px;
  padding-right: 0px;
  color: -tr-property-ref(".AFTextColor:alias","color");
  line-height: normal;
}

af|message::intro,
af|messages::intro {
  padding-top: 0px;
  color: -tr-property-ref(".AFTextColor:alias","color");
  line-height: normal;
}

af|message::intro,
af|messages::intro-separator {
  padding-bottom: 8px;
  border-bottom: 1px solid -tr-property-ref(".AFPanelBorderColor:alias", "color");
}

af|messages::message-list-page {
  padding-top: 8px;
}

af|message::message-list-component {
  padding-left: 5px;
}

af|message::message-list-component:rtl {
  padding-right: 5px;
}

af|message::container {
  border-spacing: 0px;
}

af|message::component-messages-list-container {
  border-spacing: 0px;
  padding-top: 8px;
}

af|message::icon-cell {
  width: 16px;
}

af|message::detail-cell {
  vertical-align: top;
}

af|message::container af|message::icon-cell {
  padding: 0px 4px 0px 0px;
  vertical-align: top;
}

af|message::container af|message::icon-cell:rtl {
  padding: 0px 0px 0px 4px;
  vertical-align: top;
}

af|message::container af|message::detail-cell {
  padding: 0px;
}

af|messages::message-group-type-separator {
  display: none;
}

/* The title for groupings of messages */
af|messages::message-group-title {
  padding-top: 0px;
  padding-bottom: 6px;
  vertical-align: top;
  min-width: 25px;
  padding-right: 8px;
  padding-left: 0px;
  word-wrap: break-word;
}

af|messages::message-group-title:rtl {
  padding-right: 0px;
  padding-left: 8px;
}

af|messages::message-group-list {
  padding: 0;
}
/* end of messages styles */

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

af|navigationPane-buttons {
  -tr-rule-ref: selector(".AFButton:alias");
  display: block;
  white-space: normal;
}

af|navigationPane-buttons::link {
  -tr-rule-ref: selector(".AFButtonBorder:alias");
  -tr-rule-ref: selector(".AFButtonBackground:alias");
  -tr-rule-ref: selector(".AFButtonForeground:alias");
  padding: 5px 7px 5px 7px;
  display: inline-block;
  margin-top: 3px;
}

af|navigationPane-buttons::link:hover {
  -tr-rule-ref: selector(".AFButtonForegroundHover:alias");
  -tr-rule-ref: selector(".AFButtonBorderHover:alias");
  -tr-rule-ref: selector(".AFButtonBackgroundHover:alias");
  text-decoration: none;
  padding: 5px 7px 5px 7px;
  display: inline-block;
  margin-top: 3px;
}
 
@agent (touchScreen:none) {
  af|navigationPane-buttons::link:hover {
    text-decoration: none;
  }
}

af|navigationPane-buttons::link:disabled {
  -tr-rule-ref: selector(".AFButtonForegroundDisabled:alias");
  -tr-rule-ref: selector(".AFButtonBorderHover:alias");
  -tr-rule-ref: selector(".AFButtonBackgroundDisabled:alias");
  background-image: none;
}

af|navigationPane-buttons::link:hover:disabled {
  -tr-rule-ref: selector(".AFButtonForegroundDisabled:alias");
  -tr-rule-ref: selector(".AFButtonBorderHover:alias");
  -tr-rule-ref: selector(".AFButtonBackgroundDisabled:alias");
  background-image: none;
}


af|navigationPane-buttons::link:depressed,
af|navigationPane-buttons::link:selected,
af|navigationPane-buttons::link:selected:active {
  -tr-rule-ref: selector(".AFButtonForegroundDepressed:alias");
  -tr-rule-ref: selector(".AFButtonBorderActive:alias");
  -tr-rule-ref: selector(".AFButtonBackgroundActive:alias");
  margin-top: 3px;
}


af|navigationPane-bar {
  min-height: 28px;
}

af|navigationPane-bar::content {
  padding-top: 4px;
}

af|navigationPane-bar::start-overflow-indicator,
af|navigationPane-bar::end-overflow-indicator {
  display: none;
  position: absolute;
  width: 14px;
  height: 14px;
  top: 0px;
  background-repeat: no-repeat;
  background-position: center center;
  -tr-inhibit: margin-top;
}

@agent ie
{
  af|navigationPane-bar::end-overflow-indicator,
  af|navigationPane-bar::start-overflow-indicator {
    -tr-inhibit: margin-top;
  }
}

af|navigationPane-bar:start-overflow af|navigationPane-bar::body:ltr,
af|navigationPane-bar:end-overflow af|navigationPane-bar::body:rtl {
  padding-left: 47px;
}


af|navigationPane-bar:end-overflow af|navigationPane-bar::body:ltr,
af|navigationPane-bar:start-overflow af|navigationPane-bar::body:rtl {
  padding-right: 47px;
}

af|navigationPane-bar::overflow-container .AFOverflowElement {
  overflow: hidden;
}

af|navigationPane-bar::start-overflow-indicator {
  margin-right: 15px;
}

af|navigationPane-bar::end-overflow-indicator {
  margin-left: 15px;
}

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

af|navigationPane-bar::overflow-container af|navigationPane-bar::link {
  height: 22px;
  border: none;
  display: inline-block;
  padding: 6px 10px 1px 10px;
  -tr-inhibit: border-radius;
  min-height: 23px;
  background-color: -tr-property-ref(".AFBackgroundColor:alias","color");
  vertical-align: middle;
  text-decoration: none;
  width: 100%;
  color: -tr-property-ref(".AFLinkColor:alias", "color");
}

af|navigationPane-bar::link:hover {
  outline: none;
}

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

af|navigationPane-bar::link:depressed {
  
  -tr-rule-ref: selector(".AFButtonBorderActive:alias");
  -tr-rule-ref: selector(".AFButtonBackgroundActive:alias");
  border-radius: -tr-property-ref(".AFButtonBorder:alias","border-radius");
  border-width: 1px;
  border-style: solid;
}

/* In Alta, the RCUX team wants this styled like a menu item */
af|navigationPane-choice::label {
  color: -tr-property-ref(".AFTextPrimaryColor:alias", "color");
}

af|navigationPane-choice::link {
  -tr-inhibit: height;
  padding: 6px 10px 1px 10px;
  -tr-inhibit: border-radius;
  min-height: 23px;
  color: -tr-property-ref(".AFLinkColor:alias","color");
  background-color: -tr-property-ref(".AFBackgroundColor:alias","color");
  vertical-align: middle;
}

af|navigationPane-choice::link:hover {
  background-color: -tr-property-ref(".AFHoverSecondaryColor:alias","color");
  outline: none;
}

af|navigationPane-choice::link:selected {
  padding: 6px 10px 1px 10px;
}

af|navigationPane-choice::link:depressed {
  padding: 6px 10px 1px 10px;
  -tr-rule-ref: selector(".AFButtonBorderActive:alias");
  -tr-rule-ref: selector(".AFButtonBackgroundActive:alias");
  border-radius: -tr-property-ref(".AFButtonBorder:alias","border-radius");
  border-width: 1px;
  border-style: solid;
}

af|navigationPane-choice::link:disabled,
af|navigationPane-choice::link:hover:disabled {
  padding: 6px 10px 1px 10px;
  color: -tr-property-ref(".AFLinkDisabledColor:alias","color");
  background-color: -tr-property-ref(".AFBackgroundColor:alias","color");
  border: none;
}

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

af|navigationPane-bar::separator-icon-style {
  margin-left:10px; 
  margin-right: 10px;
  height: 22px; 
  vertical-align: middle;
  width: 0px;
  border-left: 1px solid -tr-property-ref(".AFBackgroundBorderColor:alias","color");
  vertical-align: middle;
  display: inline-block;
}

af|navigationPane-buttons::separator-icon-style {
  width: 3px;
  height: 17px;
  margin-left: 0px;
  margin-right: 0px;
}
@agent ie {
  af|navigationPane-list::icon-style {
    padding-right: 2px;
    margin-left: -1px;
  }
}

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

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

af|navigationPane-list::bullet {
  
  height: 30px;
  border-left: 3px solid transparent;
  background-image: none;
  width: 10px;
}

af|navigationPane-list::bullet:selected {
  height: 30px;
  border-left: 3px solid -tr-property-ref(".AFTabSelectedBorderAccentColor:alias","color");
  background-image: none;
  width: 10px;
}

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

af|navigationPane-choice::dropdown-panel,
af|navigationPane-choice::dropdown-panel-content,
af|navigationPane-choice::dropdown-panel-scroll {
  background-color: -tr-property-ref(".AFBackgroundColor:alias","color");
}

/* navPane choice drop down icon */
af|navigationPane-choice::dropdown-icon-style {
  -tr-rule-ref: selector(".AFClickableImageAnchor:alias");
  background-image: url('/afr/alta-v1/dropdown_ena.png');
  background-position: center;
  padding: 0px 4px 0px 5px;
  cursor: default;
  vertical-align: middle;
  height: 28px;
  width: 14px;
}
@agent ie {
  af|navigationPane-choice::dropdown-icon-style {
    /*TODO ALTA*/
  }
}
@agent webkit {
  af|navigationPane-choice::dropdown-icon-style {
    height: 28px;
  }
}

/* End of navigationPane styles */

/* minor tweak for outputLabel to better match the average height of input elements */
af|outputLabel {
  line-height: 28px;
}

/* Start of panelHeader */
af|panelHeader,
af|showDetailHeader,
af|query {
  /* This is the overall height of the header element including the padding. (height (28px) + padding-top (3px) + padding-bottom (3px) */ 
  -tr-header-height : 34px;
}

af|showDetailHeader {
  -tr-disclose-with-up-down-arrow: true;
}

/* Header title is baseline aligned. The disclosure icon contains whitespace, and the padding top
   adjusts for this.*/   
af|showDetailHeader::disclosure-icon-container {
  padding-left: 0px;
  padding-right: 0px;
  padding-top: 4px;
  vertical-align: baseline;
}

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

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

af|query::undisclosed-icon-style,
af|query::disclosed-icon-style,
af|showDetailHeader::undisclosed-icon-style,
af|showDetailHeader::disclosed-icon-style {
  width: 24px;
  height: 24px;
  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");
}

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");
  }
}

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

/* Header title is baseline aligned. */
af|panelHeader::icon-cell > img,
af|showDetailHeader::icon-cell > img {
  margin-right: 4px;
  vertical-align: baseline;
}

af|panelHeader::icon-cell:rtl > img,
af|showDetailHeader::icon-cell:rtl > img {
  margin-left: 4px;
  margin-right: 0px;
}

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

/* By default the headers do not have Horizontal Rule. */
af|panelHeader::title0,
af|showDetailHeader::title0,
af|query::title0,
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 {
  -tr-inhibit: padding;
  box-sizing: border-box;
  -tr-rule-ref: selector(".AFDefaultBoldFont:alias");
}

@agent mozilla {
  af|panelHeader::title0,
  af|showDetailHeader::title0,
  af|query::title0,
  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 {
    -moz-box-sizing: border-box;
  }
}

@agent webkit {
  af|panelHeader::title0,
  af|showDetailHeader::title0,
  af|query::title0,
  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 {
    -webkit-box-sizing: border-box;
  }
}

/* For uniform spacing between the title and the horizontal rule below, scale the title table to the full height of the 
   div above which has a height of 30px */
af|panelHeader::title-table,
af|showDetailHeader::title-table,
af|query::title-table {
  height: 100%;
}

/* content has no padding on either side. Has decreased padding on the top when there is no underline*/
af|panelHeader::content0,
af|panelHeader::content1,
af|panelHeader::content2,
af|panelHeader::content3,
af|panelHeader::content4,
af|panelHeader::content5,
af|showDetailHeader::content0,
af|showDetailHeader::content1,
af|showDetailHeader::content2,
af|showDetailHeader::content3,
af|showDetailHeader::content4,
af|showDetailHeader::content5,
af|query::content0,
af|query::content1,
af|query::content2,
af|query::content3,
af|query::content4,
af|query::content5 {
  padding-top: 0px;
  padding-right: 0px;
  padding-left: 0px;
}

af|panelHeader::title-text0,
af|panelHeader::title-text1,
af|panelHeader::title-text2,
af|panelHeader::title-text3,
af|panelHeader::title-text4,
af|panelHeader::title-text5,
af|showDetailHeader::title-text0,
af|showDetailHeader::title-text1,
af|showDetailHeader::title-text2,
af|showDetailHeader::title-text3,
af|showDetailHeader::title-text4,
af|showDetailHeader::title-text5,
af|query::title-text0,
af|query::title-text1,
af|query::title-text2,
af|query::title-text3,
af|query::title-text4,
af|query::title-text5 {
  color: -tr-property-ref(".AFHeaderTextColor:alias","color");
  -tr-inhibit: background-color;
  -tr-inhibit: background-image;
  display: inline-block;
}

/* Header level 0 has 18px font. We set this value on title# as well, for descendant content in the 
   context facet. */
af|panelHeader::title-text0,
af|showDetailHeader::title-text0,
af|query::title-text0,
af|panelHeader::title0,
af|showDetailHeader::title0,
af|query::title0 {
  -tr-rule-ref: selector(".AFDefaultFontSize:alias");
  font-size: +6;
}

/* header level 1 has 16px font */
af|panelHeader::title-text1,
af|showDetailHeader::title-text1,
af|query::title-text1,
af|panelHeader::title1,
af|showDetailHeader::title1,
af|query::title1 {
  -tr-rule-ref: selector(".AFDefaultFontSize:alias");
  font-size: +4;
}

/* header level 2 has 14px font */
af|panelHeader::title-text2,
af|showDetailHeader::title-text2,
af|query::title-text2,
af|panelHeader::title2,
af|showDetailHeader::title2,
af|query::title2 {
  -tr-rule-ref: selector(".AFDefaultFontSize:alias");
  font-size: +2;
}

/* header level 3+ has 12px font (default) */

af|panelHeader::context-container,
af|showDetailHeader::context-container{
  padding-left: 2px; 
}

af|panelHeader::context-container:rtl,
af|showDetailHeader::context-container:rtl{
 padding-right: 2px;
 padding-left: 0px;
}

/* Override toolbar/menubar left/right padding. */
af|panelHeader::toolbar af|toolbar::items,
af|panelHeader::toolbar af|menuBar::items,
af|showDetailHeader::toolbar af|toolbar::items,
af|showDetailHeader::toolbar af|menuBar::items {
  padding-left: 0px;
  padding-right: 0px;
}  

/* private - Alta toolbars are 34px tall. This drives the height of all headers. To ensure that all 
   headers have the same height, regardless if they have a toolbar or not, we also set the height 
   on the title-spacer-cell. Setting it here (on a <td>) ensures consistent layout when no toolbar 
   is present. */
af|panelHeader::title-spacer-cell,
af|showDetailHeader::title-spacer-cell,
af|query::title-spacer-cell {
  height: 34px;
}

/* Re-adjust the padding around the compact dropdown in header to achieve a 10px gap between it and  
   the dynamic help. The top/bottom padding is removed to achieve title baseline alignment. */
af|panelHeader::context-container af|selectOneChoice::compact-dropdown,
af|showDetailHeader::context-container af|selectOneChoice::compact-dropdown{
  padding-right: 4px;
  /*inline-element adds up extra space by the browsers automatically. 
    This makes dropdown icon to add extra space than its actually designed. So, by setting font-size 0 removes the extra space
    Do not use this technique if you have any text content inside inline-element.*/
  font-size: 0px;
  padding-top: 0px;
  padding-bottom: 0px;
  vertical-align: baseline;
}

/* Special case the SOC to make it baseline aligned with rest of header title. */
af|panelHeader::context-container af|selectOneChoice::compact-dropdown-icon-style,
af|showDetailHeader::context-container af|selectOneChoice::compact-dropdown-icon-style {
  vertical-align: baseline;
}

af|panelHeader::dynamic-help-icon-container,
af|showDetailHeader::dynamic-help-icon-container {
  padding-left: 0px;
}

af|panelBox::dynamic-help-icon-container,
af|region::dynamic-help-icon-container {
  padding-left: 7px;
}


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

af|panelBox::maximize-link af|panelBox::unmaximized-icon-style,
af|panelBox::maximize-link af|panelBox::maximized-icon-style {
  width: 13px;
  height: 20px;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: center center;
  cursor: default;
}

af|panelBox::maximize-link af|panelBox::maximized-icon-style {
  -tr-rule-ref: selector(".AFMaximizedIconStyle:alias");
}

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

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

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



af|panelBox::maximize-link af|panelBox::maximized-icon-style:hover {
  -tr-rule-ref: selector(".AFMaximizedIconStyleHover:alias");
}

af|panelBox::maximize-link af|panelBox::maximized-icon-style:active {
  -tr-rule-ref: selector(".AFMaximizedIconStyleActive:alias");
}

af|panelBox::maximize-link af|panelBox::unmaximized-icon-style:hover {
  -tr-rule-ref: selector(".AFUnmaximizedIconStyleHover:alias");
}

af|panelBox::maximize-link af|panelBox::unmaximized-icon-style:active {
  -tr-rule-ref: selector(".AFUnmaximizedIconStyleActive:alias");
}

af|panelHeader::instruction-text,
af|region::instruction-text,
af|showDetailHeader::instruction-text {
  -tr-rule-ref: selector(".AFInstructionText");
  /* This enforces ~30px from the baseline of the instruction text to the baseline of the header text */
  padding-bottom: 5px;
}

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: -tr-property-ref(".AFDisclosedIcon:alias","content");
  width: 24px;
  height: 24px;
  float: left;
}

/* Note that the :rtl alias cannnot be used because of trinidad limitations */
af|showDetail::disclosed-icon:rtl{
  content: url('/afr/alta-v1/discloseexpanded_rtl_ena.png');
  width: 24px;
  height: 24px;
  float: right;
}

af|showDetail::undisclosed-icon {
  content: -tr-property-ref(".AFUndisclosedIcon:alias","content");
  width: 24px;
  height: 24px;
  float: left;
}

/* Note that the :rtl alias cannnot be used because of trinidad limitations */
af|showDetail::undisclosed-icon:rtl {
  content: url('/afr/alta-v1/disclosecollapsed_rtl_ena.png');
  width: 24px;
  height: 24px;
  float: right;
}

af|showDetail::icon-container {
  -tr-inhibit: padding-left;
  -tr-inhibit: padding-right;
}

af|showDetail::icon-container:rtl {
  -tr-inhibit: padding-left;
  -tr-inhibit: padding-right;
}

/* Due to float values, default focus ring does not appear correctly. Undo focus outline on the 
   link and instead apply it to the child image. */
af|showDetail::disclosure-link:focus {
  outline: none;
}  

/* Margin top/left needed for proper focus outline display. */
af|showDetail::disclosure-link img {
  margin-top: 1px;
  margin-left: 1px;
}  

af|showDetail::disclosure-link:focus img {
  outline: dotted 1px -tr-property-ref(".AFShadowColor:alias","color");
}  

@agent webkit {
  af|showDetail::disclosure-link:focus img {
    outline: -webkit-focus-ring-color auto 5px;
  }
}

/* Query and quick query */

af|query::button-cell{
  padding-top: 0;
  padding-bottom: 0;
}
af|query::footer-facet-content-style{
  padding-left:2px;
  padding-right:1px;
}
af|query::criterion af|selectOneChoice::content{
  /*required to fix the alignment issue*/
  padding-top: 5px;
}
af|query::criterion-content-operator{
  vertical-align: middle;
  padding-right: 2px;
}
af|query::criterion-content-operator:rtl {
  padding-left: 1px;
  padding-right: 0;
}
af|query:label-top::criterion-content-operator {
  /*with label alignment top, the top padding should be 5px between label text and operator*/
  padding-top: 3px;
}
af|query::criterion-content-value {
  vertical-align: middle;
}

af|query::criterion-content-operator af|selectOneChoice{
  display: block;
}
af|query::separator-icon-style{
  /*no separator needed for query toolbar*/
  display:none;
}
af|query::content-footer{
  padding-top: 8px;
  /*2px margin adds up*/
}
af|query::info{
  padding-top: 7px;
}
af|query::info AFRequiredIconStyle {
  margin-right: 0;
}
@agent webkit{
  af|query::criterion af|selectOneChoice::content{
    /*required to fix the alignment issue*/
    padding-top: 0;
  } 
}
@agent ie{
  af|query::criterion af|selectOneChoice::content{
    /*required to fix the alignment issue*/
    padding-top: 0;
  } 
}

af|query::criteria{
  -tr-inhibit: padding;
  /*no paddingof 7px is required as the space/gap totals to 7px due to text alignment */
  padding-top: 0;
}
af|query::criteria af|selectOneRadio{
  /*for the space between match type radio and the criterion header to be 30 px*/
  padding-bottom: 3px;
}
af|query::group-criterion-name-text{
  color: -tr-property-ref(".AFHeaderTextColor:alias","color");
  -tr-rule-ref: selector(".AFDefaultFont:alias");
  font-size: +2;
  font-weight: bold;
}
af|query::criterion-label{
  /*since tr does not take padding in tables applying on individual tds and to be uniform, applying top/bottom - 8/0*/
  padding-left: 30px;
  padding-top: 10px;
  padding-bottom: 1px; /*to fix text alignment for label */
  padding-right: 4px;
}

af|query:label-top::criterion-label {
  /*add a different padding for lable top alignment*/
  /* to ensure backward compatibility in cases where criterion-label-top pseudo element is used add a tr-rule-ref*/
  -tr-rule-ref: selector("af|query::criterion-label-top");
  padding: 8px 6px 0 0;
}
af|query::criterion-content-operator,
af|query::criterion-content-value{
  /*since tr does not take padding in tables applying on individual tds and to be uniform, applying top/bottom - 8/0*/
  padding-top: 8px;
  padding-bottom: 0;
}
af|query::group-criterion-cell{
  padding-top: 18px;
  display: inline-block;
}
@agent ie and (version: 8.0), ie and (version: 7.0) {
  /*padding top does not work for tr in IE 8/7, applying on td*/
  af|query::group-criterion-name-cell{
    padding-top: 18px;
  }
}
af|query::group-criterion-cell + tr {
  /*remove the spacer row added between panel header and the content
  negative margins does not work for IE7/8 so using display none to remove the row
  note that this just removes the adjacent tr to the header cell*/
  display: none;
}
af|query::criterion af|inputNumberSpinbox::content {
  top: 0px;
}
af|query::criterion af|inputNumberSpinbox::increment-cell,
af|query::criterion af|inputNumberSpinbox::decrement-cell {
  vertical-align: baseline;
}

af|query::criterion af|inputNumberSpinbox::decrementor-icon-style,
af|query::criterion af|inputNumberSpinbox::incrementor-icon-style{
  vertical-align: middle;
}
af|query::criterion-label{
  vertical-align: middle;
}
af|query::personalized-saved-search af|panelFormLayout::content-cell,
af|query::personalized-saved-search .AFPanelFormLayoutContentCell{
  padding-left: 0;
}
af|query::personalized-saved-search af|panelFormLayout::content-cell af|button{
  margin-top: 6px;
}
af|query::personalized-saved-search af|panelFormLayout::content-cell{
  padding-top: 0;
}
af|query::personalized-saved-search af|panelFormLayout::label-stacked-cell{
 /*reducing the padding from 6px  to 0, to account for extra space 
  due to dialog content left padding*/
  padding-left: 0;
}
af|query::personalized-saved-search af|panelFormLayout::content-cell af|selectBooleanCheckbox:read-only::content
{
  padding-left: 2px;
}
@agent ie {
  af|query::personalized-saved-search af|panelFormLayout::content-cell af|selectBooleanCheckbox:read-only::content 
  {
    margin-left: -2px;
  }  
}
af|query::personalized-saved-search {
  /*reducing the padding from 10px to 3 px to account for extra space 
  due to line height of last row in the dialog content*/
  margin-bottom: -7px;
  position:relative;
  
}
af|query::personalized-saved-search  af|inputText::content{
  min-width: 300px;
}
af|query::saved-search af|panelFormLayout::content-cell,
af|query::saved-search .AFPanelFormLayoutContentCell{
  padding-left: 0;
}

af|query::saved-search af|panelFormLayout::label-stacked-cell{
 /*reducing the padding from 6px  to 0, to account for extra space 
  due to dialog content left padding*/
  padding-left: 0;
}
af|query::saved-search {
  /*reducing the padding from 10px to 3 px to account for extra space 
  due to line height of last row in the dialog content*/
  margin-bottom: -7px;
  position:relative;
  
}
af|query::saved-search  af|inputText::content{
  min-width: 300px;
}
af|query::reorder-search-tree {
  border-radius: -tr-property-ref(".AFButtonBorder:alias","border-radius");
  margin-bottom: 7px;
  border: 1px solid -tr-property-ref(".AFFormControlContentBorderColor:alias","color");
  background-color: -tr-property-ref(".AFFormControlContentColor:alias","color");
}
af|query::move-top-icon {
 content: url("/afr/alta-v1/shuttle_up_end_ena.png");
}
af|query::move-top-icon:disabled {
 content: url("/afr/alta-v1/shuttle_up_end_dis.png");
}
af|query::move-top-icon:hover {
 content: url("/afr/alta-v1/shuttle_up_end_ovr.png");
}
af|query::move-top-icon:depressed {
 content: url("/afr/alta-v1/shuttle_up_end_dwn.png");
}
af|query::move-up-icon {
 content: url("/afr/alta-v1/shuttle_up_ena.png");
}
af|query::move-up-icon:disabled {
 content: url("/afr/alta-v1/shuttle_up_dis.png");
}
af|query::move-up-icon:hover {
 content: url("/afr/alta-v1/shuttle_up_ovr.png");
}
af|query::move-up-icon:depressed {
 content: url("/afr/alta-v1/shuttle_up_dwn.png");
}

af|query::move-down-icon {
 content: url("/afr/alta-v1/shuttle_down_ena.png");
}
af|query::move-down-icon:disabled {
 content: url("/afr/alta-v1/shuttle_down_dis.png");
}
af|query::move-down-icon:hover {
 content: url("/afr/alta-v1/shuttle_down_ovr.png");
}
af|query::move-down-icon:depressed {
 content: url("/afr/alta-v1/shuttle_down_dwn.png");
}
af|query::move-bottom-icon {
 content: url("/afr/alta-v1/shuttle_down_end_ena.png");
}
af|query::move-bottom-icon:disabled {
 content: url("/afr/alta-v1/shuttle_down_end_dis.png");
}
af|query::move-bottom-icon:hover {
 content: url("/afr/alta-v1/shuttle_down_end_ovr.png");
}
af|query::move-bottom-icon:depressed {
 content: url("/afr/alta-v1/shuttle_down_end_dwn.png");
}
af|query::move-top-icon-style {
  -tr-rule-ref: selector(".AFButtonBorder:alias");
  -tr-rule-ref: selector(".AFButtonBackground:alias");
  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");
  -tr-rule-ref: selector(".AFButtonBackgroundDisabled:alias");
  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");
  -tr-rule-ref: selector(".AFButtonBackgroundActive:alias");
  border-radius: -tr-property-ref(".AFButtonBorderActive:alias","border-radius");
}
af|query::move-up-icon-style {
  -tr-rule-ref: selector(".AFButtonBorder:alias");
  -tr-rule-ref: selector(".AFButtonBackground:alias");
   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");
  -tr-rule-ref: selector(".AFButtonBackgroundDisabled:alias");
  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");
  -tr-rule-ref: selector(".AFButtonBackgroundActive:alias");
  border-radius: -tr-property-ref(".AFButtonBorderActive:alias","border-radius");
}
af|query::move-down-icon-style {
  -tr-rule-ref: selector(".AFButtonBorder:alias");
  -tr-rule-ref: selector(".AFButtonBackground:alias");
  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");
  -tr-rule-ref: selector(".AFButtonBackgroundDisabled:alias");
  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");
  -tr-rule-ref: selector(".AFButtonBackgroundActive:alias");
  border-radius: -tr-property-ref(".AFButtonBorderActive:alias","border-radius");
}
af|query::move-bottom-icon-style {
  -tr-rule-ref: selector(".AFButtonBorder:alias");
  -tr-rule-ref: selector(".AFButtonBackground:alias");
  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");
  -tr-rule-ref: selector(".AFButtonBackgroundDisabled:alias");
  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");
  -tr-rule-ref: selector(".AFButtonBackgroundActive:alias");
  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");
    -tr-rule-ref: selector(".AFButtonBackgroundHover:alias");
    border-radius: -tr-property-ref(".AFButtonBorderHover:alias","border-radius");
  }
  af|query::move-up-icon-style:hover {
    -tr-rule-ref: selector(".AFButtonBorderHover:alias");
    -tr-rule-ref: selector(".AFButtonBackgroundHover:alias");
    border-radius: -tr-property-ref(".AFButtonBorderHover:alias","border-radius");
  }
  af|query::move-down-icon-style:hover {
    -tr-rule-ref: selector(".AFButtonBorderHover:alias");
    -tr-rule-ref: selector(".AFButtonBackgroundHover:alias");
    border-radius: -tr-property-ref(".AFButtonBorderHover:alias","border-radius");
  }
  af|query::move-bottom-icon-style:hover {
    -tr-rule-ref: selector(".AFButtonBorderHover:alias");
    -tr-rule-ref: selector(".AFButtonBackgroundHover:alias");
    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;
  height: 28px;
  width: 28px;
  margin-right: 5px;
  margin-left: 5px;
  -tr-rule-ref: selector(".AFButtonBorder:alias");
  -tr-rule-ref: selector(".AFButtonBackground:alias");
  box-sizing: border-box; /* So to make it render with same height + width in every browser */
}
@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|query::move-top-icon-style af|link::image,
af|query::move-up-icon-style af|link::image,
af|query::move-down-icon-style af|link::image,
af|query::move-bottom-icon-style af|link::image
{
  padding: 7px;
}

@agent ie {
  af|query::personalized-saved-search {
    zoom: 1;
  }
}

af|query::button-cell{
  padding-right: 1px;
  padding-left: 2px;
}

af|query::criteria{
  /*adding negative margin to reduce the space between required info and the match type*/
  margin-top: -2px;
}
/* Start quickQuery styles */

af|quickQuery::value{
  padding-right: 2px;
  padding-left: 1px;
}
af|quickQuery::value:rtl{
  padding-right: 1px;
  padding-left: 2px;
}
af|quickQuery::search-icon-cell {
  -tr-rule-ref: selector(".AFButtonBackground:alias");
  -tr-inhibit: width;
  -tr-rule-ref: selector(".AFButtonBorder:alias");
  display: block;
}

af|quickQuery:vertical:helpIcon af|quickQuery::criteria-items{
  padding-left: 23px;
}
af|quickQuery:vertical:helpIcon af|quickQuery::value{
  padding-left: 23px;
}
af|quickQuery:vertical:helpIcon af|quickQuery::end{
  padding-left: 23px;
}
af|quickQuery:vertical:helpIcon af|quickQuery::criteria-items:rtl{
  padding-right: 23px;
}
af|quickQuery:vertical:helpIcon af|quickQuery::value:rtl{
  padding-right: 23px;
}
af|quickQuery:vertical:helpIcon af|quickQuery::end:rtl{
  padding-right: 23px;
}

@agent webkit and (min-version: 537) {
/*Chrome using webkit 537.* has alignment issue.. safari at 534 does not have this issue*/  
  af|quickQuery::value af|inputText::content{
    margin-top: 1px;
    margin-bottom: 1px;
  }
  /*af|quickQuery::search-icon-cell {
    margin-bottom: 1px;
  }*/
  af|quickQuery::label {
    padding-bottom: 1px;
  }
  af|quickQuery::end {
    padding-bottom: 1px;
  }
}
@agent webkit {
  af|quickQuery::value af|inputText::content{
    margin-left:0;
    margin-right:0;
  }
  af|quickQuery:vertical af|quickQuery::value af|inputText::content{
    margin-left:1px;
  }
}
af|quickQuery::search-icon-cell:active,
af|quickQuery::search-icon-cell:active:hover{
  -tr-rule-ref: selector(".AFButtonBackgroundActive:alias");
  -tr-rule-ref: selector(".AFButtonBorderActive:alias");
}
af|quickQuery::search-icon-cell:disabled{
  -tr-rule-ref: selector(".AFButtonBackgroundDisabled:alias");
  -tr-rule-ref: selector(".AFButtonBorderDisabled:alias");
}
af|quickQuery::search-icon-style,
af|quickQuery::search-icon-style:rtl {
  background-image: url('/afr/alta-v1/func_search_16_ena.png');
  background-position: center center;
  display: block;
  -tr-inhibit: margin-left;
  -tr-inhibit: margin-right;
  height: 14px;
  width: 14px;
  padding: 6px;
}
af|body:high-contrast af|quickQuery::search-icon-style:after,
af|body:high-contrast af|quickQuery::search-icon-style:after:rtl {
  content: url('/afr/alta-v1/func_search_16_ena.png');
  background-position: center center;
  display: block;
  -tr-inhibit: margin-left;
  -tr-inhibit: margin-right;
  height: 14px;
  width: 14px;
}
af|quickQuery::end{
  padding-left: 5px;
}
af|quickQuery::end:rtl{
  padding-right: 5px;
}
af|quickQuery:vertical af|quickQuery::label{
  padding-left: 2px;
  padding-bottom: 1px;
}
af|quickQuery:vertical af|quickQuery::label:rtl{
  padding-right: 2px;
}
af|quickQuery:vertical af|quickQuery::end{
  padding-left: 5px;
  padding-top: 7px;
}

@agent ie and (version: 10.0) , ie and (version: 9.0){
  af|quickQuery:vertical af|quickQuery::end{
    padding-top: 9px;
  }
}

af|quickQuery:vertical af|quickQuery::end:rtl{
  padding-right: 5px;
}
af|quickQuery:vertical af|quickQuery::value{
  padding-left: 3px;
}
af|quickQuery:vertical af|quickQuery::value:rtl{
  padding-right: 3px;
}
@agent webkit and (min-version: 537){
  af|quickQuery:vertical af|quickQuery::criteria-items{
    padding-bottom: 5px;
  }
  af|quickQuery:vertical af|quickQuery::end{
    padding-top: 5px;
  }
  af|quickQuery:vertical af|quickQuery::search-icon-cell{
    margin-top: 1px;
  }
}
@agent webkit {
  af|quickQuery:vertical af|quickQuery::criteria-items{
    padding-left: 2px;
  }
  af|quickQuery:vertical af|quickQuery::criteria-items:rtl{
    padding-right: 2px;
  }
  af|quickQuery:vertical af|quickQuery::value{
    padding-left: 2px;
  }
  af|quickQuery:vertical af|quickQuery::value:rtl{
    padding-right: 2px;
  }
}
@agent ie and (version: 8.0), ie and (version: 9.0) {
  af|quickQuery:vertical af|quickQuery::search-icon-cell {
    /*bug in IE 9/ IE8  filter gradient masks the borders*/
    position: relative;
  }
}
af|quickQuery::criteria-items{
  padding-right:0px;
}
af|quickQuery::criteria-items:rtl{
  padding-left:0px;
}
af|quickQuery:vertical af|quickQuery::criteria-items{
  padding-left: 2px;
  padding-bottom: 8px;
}
af|quickQuery:vertical af|quickQuery::criteria-items:rtl{
  padding-right: 2px;
}
af|quickQuery:vertical af|quickQuery::search-icon-cell{
  display: block;
}
@agent (touchScreen:none){
  af|quickQuery::search-icon-style:hover,
  af|quickQuery::search-icon-style:rtl:hover {
    background-repeat: no-repeat;
    background-image: url('/afr/alta-v1/func_search_16_hov.png');
}
  af|quickQuery::search-icon-style:hover:active,
  af|quickQuery::search-icon-style:rtl:hover:active {
    background-repeat: no-repeat;
    background-image: url('/afr/alta-v1/func_search_16_act.png');
}
  af|quickQuery::search-icon-cell:hover {
    -tr-rule-ref: selector(".AFButtonBackgroundHover:alias");
    -tr-rule-ref: selector(".AFButtonBorderHover:alias");
}
  }
af|quickQuery::search-icon-style:active,
af|quickQuery::search-icon-style:active:hover,
af|quickQuery::search-icon-style:rtl:active,
af|quickQuery::search-icon-style:rtl:active:hover {
  background-repeat: no-repeat;
  background-image: url('/afr/alta-v1/func_search_16_act.png');
}
@agent ie{
  af|quickQuery::search-icon-style:active,
  af|quickQuery::search-icon-style:active:hover,
  af|quickQuery::search-icon-style:rtl:active,
  af|quickQuery::search-icon-style:rtl:active:hover {
    -tr-rule-ref: selector(".AFButtonBackgroundActive:alias");
    -tr-rule-ref: selector(".AFButtonBorderActive:alias");
    background-repeat: no-repeat;
    background-image: url('/afr/alta-v1/func_search_16_act.png');
    
  }
}
af|quickQuery::disabled-search-icon-style{
  background-image: url('/afr/alta-v1/func_search_16_dis.png');
}
/* end quickQuery styles */
/* 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/alta-v1/attribute_presence_icon_on.png');
}
/* query criterion delete icon style classes */
af|query::criterion-delete-icon-cell{
  padding: 6px 3px 0;
  vertical-align: middle;
}
af|query::group-criterion-name-cell af|query::criterion-delete-icon-cell{
  padding-top: 0;
}
af|query::group-criterion-name-text{
  padding-right: 0;
}
af|query{
  -tr-button-type: unified;
}
af|query::criterion-delete-icon-style{
  background-image: url('/afr/alta-v1/func_delete_sm_12_ena.png');
  background-position: center center;
 -tr-rule-ref: selector(".AFClickableImageAnchor:alias");
}

af|body:high-contrast af|query::criterion-delete-icon-style:after {
  content:url('/afr/alta-v1/func_delete_sm_12_ena.png');
}

@agent ie {
  af|query::criterion-delete-icon-style:rtl {
    padding-left: 8px;
  }
}
af|query::criterion-delete-icon-style:active, 
af|query::criterion-delete-icon-style:hover:active{
  background-image: url('/afr/alta-v1/func_delete_sm_12_act.png');
}

af|query::criterion-delete-icon-style:selected{
  background-image: url('/afr/alta-v1/func_delete_sm_12_act.png');
}
af|query::criterion-delete-icon-style:disabled{
  background-image: url('/afr/alta-v1/func_delete_sm_12_dis.png');
}
@agent (touchScreen:none) {
  af|query::criterion-delete-icon-style:hover {
     background-image: url('/afr/alta-v1/func_delete_sm_12_hov.png');
  }
  af|body:high-contrast af|query::criterion-delete-icon-style:hover {
     content: url('/afr/alta-v1/func_delete_sm_12_hov.png');
  }
}

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

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

af|query::button{
  /*query renderer overrides the default button style and hence applying min-height on query button*/
  min-height:28px;
}
/* end of query style */

/* Start selectBooleanCheckbox */
@agent webkit {
  af|selectBooleanCheckbox::label{
    padding-top: 1px;
    padding-right: 5px;
  }
  af|selectBooleanCheckbox::label:rtl{
    padding-left: 5px;
  }
  
  af|selectBooleanCheckbox::item-text {
    padding-left: 2px;
  }
  af|selectBooleanCheckbox::item-text:rtl {
    padding-right: 2px;
  }
  
  af|selectBooleanCheckbox:read-only::label{
    padding-right: 7px;
    padding-top: 0px;
  }
  af|selectBooleanCheckbox:read-only::label:rtl{
    padding-left: 7px;
  }
  
  af|selectBooleanCheckbox:read-only::content-input {
    padding-right: 3px;
  }
  af|selectBooleanCheckbox:read-only::content-input:rtl {
    padding-left: 3px;
  }
  
  af|selectManyCheckbox:read-only::label {
    padding-right: 7px;
  }
  af|selectManyCheckbox:read-only::label:rtl {
    padding-left: 7px;
  }
  
  af|selectManyCheckbox:read-only::item-text {
    padding-left: 5px;
  }
  af|selectManyCheckbox:read-only::item-text:rtl {
    padding-right: 5px;
  }
  
}

/* Safari specific */
@agent webkit and (version: 534.*) {
  af|selectBooleanCheckbox::label{
    padding-top: 2px;
  }
  
  af|selectBooleanCheckbox:read-only::label{
    padding-top: 1px;
  }
}
/* Need to override the label padding-top when in a panelFormLayout. */
@agent webkit {
  af|panelFormLayout af|selectBooleanCheckbox:read-only af|panelFormLayout::label-cell {
    padding-top: 8px;
  }
}

af|selectBooleanCheckbox::label,
af|selectManyCheckbox::label {
  color: -tr-property-ref(".AFLabelColor:alias","color");
  font-weight: bold;
}

af|selectManyCheckbox .AFPanelFormLayoutContentCell {
  padding-top: 3px;
}
@agent ie {
  af|selectManyCheckbox .AFPanelFormLayoutContentCell {
    padding-top: 0px;
  }
}
@agent gecko {
  af|selectManyCheckbox .AFPanelFormLayoutContentCell {
    padding-top: 2px;
  }
}
@agent (touchScreen) {
  af|selectManyCheckbox .AFPanelFormLayoutContentCell {
    padding-top: 0px;
  }
}
@agent webkit {
  af|selectManyCheckbox .AFPanelFormLayoutContentCell {
    padding-top: 1px;
  }
}
/* Safari only */
@agent webkit and (max-version: 534) {
  af|selectManyCheckbox .AFPanelFormLayoutContentCell {
    padding-top: 0px;
  }
  af|panelLabelAndMessage::content-cell af|selectManyCheckbox::content {
    position: relative;
    top: -1px;
  }
}

@agent gecko {
  af|selectBooleanCheckbox::label {
    padding-top: 1px;
    padding-right: 5px;
  }
  af|selectBooleanCheckbox::label:rtl {
    padding-left: 5px;
  }
  
  af|selectBooleanCheckbox:read-only::label {
    padding-top: 0px;
    padding-right: 7px;
  }
  af|selectBooleanCheckbox:read-only::label:rtl {
    padding-left: 7px;
  }
  
  af|selectBooleanCheckbox:read-only::content-input {
    padding-right: 3px;
  }
  af|selectBooleanCheckbox:read-only::content-input:rtl {
    padding-left: 3px;
  }
  
  af|selectManyCheckbox::label {
    padding-top: 5px;
  }
}

af|selectManyCheckbox::label {
  /* As it uses the table this change should be okay */
  padding-top: 5px;
}

af|selectBooleanCheckbox::icon-style,
af|selectManyCheckbox::icon-style {
  margin-top: 0px;
  vertical-align: middle;
}

af|selectBooleanCheckbox::content-input {
  padding-top: 0px;
  padding-bottom: 0px;
}

af|selectBooleanCheckbox:read-only::content-input {
  position: relative;
  top: -1px;
}
af|selectBooleanCheckbox .AFPanelFormLayoutContentCell {
  padding-top: 10px;
}
@agent gecko {

  af|selectBooleanCheckbox::content-input,
    af|selectManyCheckbox::content-input {
    -tr-inhibit: padding;
    -tr-inhibit: vertical-align;
  }
  
  af|selectBooleanCheckbox:read-only::content-input,
  af|selectManyCheckbox:read-only::content-input {
    -tr-inhibit: font-size;
    -tr-inhibit: vertical-align;
  }
}
@agent webkit {
  af|selectBooleanCheckbox::icon-style,
  af|selectManyCheckbox::icon-style {
    margin-bottom: 0px;
  }
  af|selectBooleanCheckbox:read-only::content-input {
    top: -2px;
  }
}

@agent ie and (version: 8.0) {
  af|selectBooleanCheckbox::label:rtl {
    padding-left: 5px;
  }
  
  af|selectBooleanCheckbox .AFPanelFormLayoutContentCell {
    padding-left: 5px;
  }
  af|selectBooleanCheckbox:rtl .AFPanelFormLayoutContentCell {
    padding-right: 5px;
  }
  
  af|selectManyCheckbox::label  {
    padding-right: 5px;
    padding-top: 5px;
  }
  af|selectManyCheckbox::label:rtl {
    padding-left: 5px;
  }
  
  af|selectManyCheckbox::item-text {
    padding-left: 1px;
  }
  af|selectManyCheckbox::item-text:rtl {
    padding-right: 1px;
  }
  
  af|selectBooleanCheckbox:read-only::icon-style {
    position: relative;
    top: 0px;
  }
  af|selectBooleanRadio::native-input { 
    padding-top: 5px;
  }
}

@agent ie and (version: 9.0) {
  af|selectBooleanCheckbox::label {
    padding-top: 1px;
  }
  af|selectBooleanCheckbox::label:rtl {
    padding-left: 5px;
  }
  
  af|selectBooleanCheckbox:read-only::label {
    padding-top: 0px;
    padding-right: 6px;
  }
  af|selectBooleanCheckbox:read-only::label:rtl {
    padding-left: 6px;
  }
  
  af|selectManyCheckbox:read-only::label {
    padding-right: 6px;
  }
  af|selectManyCheckbox:read-only::label:rtl {
    padding-left: 6px;
  }
  
  af|selectManyCheckbox:read-only::item-text {
    padding-left: 1px;
  }
  af|selectManyCheckbox:read-only::item-text:rtl {
    padding-right: 1px;
  }
  
  af|selectBooleanCheckbox::item-text {
    padding-left: 2px;
  }
  af|selectBooleanCheckbox::item-text:rtl {
    padding-right: 2px;
  }
  
  af|selectBooleanCheckbox:read-only::content-input {
    margin-right: 2px;
  }
  af|selectBooleanCheckbox:read-only::content-input:rtl {
    margin-left: 2px;
  }
}

@agent ie and (version: 10.0) {
  af|selectBooleanCheckbox::label {
    padding-top: 1px;
  }
  af|selectBooleanCheckbox::label:rtl {
    padding-left: 5px;
  }
  
  af|selectBooleanCheckbox:read-only::label {
    padding-top: 0px;
  }
  
  af|selectBooleanCheckbox .AFPanelFormLayoutContentCell {
    padding-left: 5px;
  }
  af|selectBooleanCheckbox:rtl .AFPanelFormLayoutContentCell {
    padding-right: 5px;
  }
  
  af|selectManyCheckbox::label  {
    padding-top: 5px;
    padding-right: 3px;
  }
  af|selectManyCheckbox::label:rtl {
    padding-left: 3px;
  }
  af|selectManyCheckbox::icon-style {
    padding-bottom: 1px;
  }
  
  af|selectBooleanCheckbox::item-text {
    padding-left: 2px;
  }
  af|selectBooleanCheckbox::item-text:rtl {
    padding-right: 2px;
  }
  
  af|selectBooleanCheckbox:read-only::icon-style {
    position: relative;
    top: 0px;
  }
  
  af|selectManyCheckbox:read-only::label {
    padding-right: 6px;
  }
  af|selectManyCheckbox:read-only::label:rtl {
    padding-left: 6px;
  }
  
  af|selectManyCheckbox:read-only::item-text {
    padding-left: 1px;
  }
  af|selectManyCheckbox:read-only::item-text:rtl {
    padding-right: 1px;
  }
  
}
@platform iphone {
  HTML af|selectBooleanCheckbox:read-only::label {
    padding-top: 1px;
  }
  af|selectBooleanCheckbox:read-only::content-input {
    top: -1px;
  }
  af|selectBooleanCheckbox af|selectBooleanCheckbox::label {
    padding-top: 4px;
  }
  af|panelFormLayout af|selectBooleanCheckbox af|panelFormLayout::label-cell,
  af|panelFormLayout af|selectBooleanCheckbox:read-only af|panelFormLayout::label-cell {
    padding-top: 9px;
  }
  af|selectManyCheckbox af|selectManyCheckbox::label {
    padding-top: 6px;
  }
  af|selectBooleanCheckbox::dynamic-help-icon-style,
  af|selectManyCheckbox::dynamic-help-icon-style {
    vertical-align: -25%;
  }
  af|selectBooleanCheckbox:read-only::dynamic-help-icon-style {
    top: 0px;
  }
  af|selectBooleanCheckbox:read-only .AFPanelFormLayoutContentCell af|selectBooleanCheckbox::content {
    position: relative;
    top: -3px;
  }
  HTML af|selectBooleanRadio:read-only af|panelFormLayout::label-cell {
    padding-right: 0px;
  }
  af|selectBooleanRadio::content {
    position: relative;
    top: -1px;
  }
  af|selectBooleanRadio:read-only::content {
    top: 0px;
  }
}

@agent ie  {
  af|selectManyCheckbox::label {
    padding-right: 3px;
  }

  af|selectBooleanCheckbox::label{
    padding-right: 6px;
  }
  
  af|selectBooleanCheckbox::label:rtl,
  af|selectManyCheckbox::label:rtl {
    padding-left: 3px;
  }
  
  af|selectManyCheckbox::label {
    padding-top: 6px;
  }
  
  af|selectBooleanRadio::content-input,
  af|selectBooleanCheckbox::content-input,
  af|selectManyCheckbox::content-input {
    -tr-inhibit: vertical-align;
  }
  
  af|selectManyCheckbox::icon-style,
  af|selectBooleanCheckbox::icon-style {
    margin-top: 0px;
    margin-bottom: 0px;
  }
  
  af|selectOneRadio::item-text,
  af|chooseDate::ampm-item-text,
  af|selectBooleanCheckbox::item-text {
    padding-left: 1px;
    padding-right: 1px;
  }
  
  af|selectManyCheckbox::item-text {
    padding-left: 0px;
    padding-right: 1px;
  }
  af|selectManyCheckbox::item-text:rtl {
    padding-left: 1px;
  }
  
  af|selectOneRadio::item-text:rtl,
  af|selectBooleanCheckbox::item-text:rtl {
    padding-right: 1px;
    padding-left: 1px;
  }
  
  af|selectOneRadio::item-text {
    margin-left: 0px;
  }

  af|selectBooleanRadio::item-text {
    padding-left: 0px;
    padding-right: 1px;
  }
  af|selectBooleanRadio::item-text:rtl {
    padding-left: 1px;
    padding-right: 0px;
  }
}

@agent ie and (version: 11) {
  af|selectBooleanRadio af|panelFormLayout::label-cell {
    padding-top: 12px;
  }
  af|selectBooleanRadio .AFPanelFormLayoutContentCell af|selectBooleanRadio::item-text {
    position: relative;
    top: -1px;
  }
}

af|selectBooleanRadio::item-text,
af|selectOneRadio::item-text,
af|selectBooleanCheckbox::item-text,
af|selectManyCheckbox::item-text {
    padding-right: 3px;
    margin-left: 2px;
    vertical-align: middle;
}

af|selectBooleanRadio::item-text:rtl,
af|selectOneRadio::item-text:rtl,
af|selectBooleanCheckbox::item-text:rtl,
af|selectManyCheckbox::item-text:rtl {
    padding-left: 3px;
    margin-right: 2px;
}
af|selectBooleanCheckbox af|panelFormLayout::label-cell {
 padding-top: 10px;	
} 

@agent gecko {
  af|selectManyCheckbox::item-text {
    margin-left: 1px;
  }
  af|selectManyCheckbox::item-text:rtl {
    margin-right: 1px;
  }
}

af|selectBooleanCheckbox::item-text,
af|selectManyCheckbox::item-text {
  padding-left: 3px;
}
af|selectBooleanCheckbox::item-text:rtl,
af|selectManyCheckbox::item-text:rtl {
  padding-right: 3px;
}

af|selectOneRadio::item-text,
af|selectBooleanRadio::item-text {
  padding-left: 2px;
}
af|selectOneRadio::item-text:rtl,
af|selectBooleanRadio::item-text:rtl {
  padding-right: 2px;
}

/*af|selectBooleanRadio::item-text,
af|selectOneRadio::item-text,*/ /* these should have the same alignment, but I don't want to mess up the select*Radio label alignment */
af|chooseDate::ampm-item-text {
  vertical-align:15%;
  margin-right: 2px;
}

af|chooseDate::ampm af|selectOneRadio::native-input {
  vertical-align: 8%;
}
@agent gecko {
  af|selectManyCheckbox .AFPanelFormLayoutContentCell af|selectManyCheckbox::item-text {
    vertical-align: middle;
  }
  af|panelLabelAndMessage::content-cell.AFPanelFormLayoutContentCell af|selectBooleanCheckbox:read-only::content-input {
    -tr-inhibit: vertical-align;
  }
  af|chooseDate::ampm-item-text {
    vertical-align: 15%;
  }
  af|chooseDate::ampm af|selectOneRadio::native-input {
    vertical-align: 6%;
  }

  af|selectBooleanRadio::item-text {
    padding-left: 1px;
    padding-top: 1px;
  }
  af|selectBooleanRadio::item-text:rtl {
    padding-right: 1px;
  }
  af|selectOneRadio::item-text {
    vertical-align: top;  
  }
}
@agent ie {
  af|chooseDate::ampm af|selectOneRadio::native-input {
    vertical-align: 0%;
  }
  af|chooseDate::ampm-item-text {
    vertical-align: 5%;
  }
}
af|selectManyCheckbox::selected-icon,
af|selectBooleanCheckbox::selected-icon {
  content: url(/afr/alta-v1/checkMark_readonly.png);
  width: 13px;
  height: 13px;
}

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

af|selectBooleanCheckbox::content,
af|selectManyCheckbox::content,
af|selectBooleanRadio::content,
af|selectOneRadio::content {
  line-height: 23px;
  color: -tr-property-ref(".AFTextColor:alias","color");
  -tr-rule-ref: selector(".AFDefaultFont:alias");
}

af|selectOneRadio::content-input {
  padding: 0px 3px 0px 2px;
  -tr-inhibit: vertical-align;
}
af|selectOneRadio::content-input:rtl {
  padding-right: 2px;
  padding-left: 3px;
}

@agent gecko {
  af|selectOneRadio::content-input,
  af|selectBooleanRadio::content-input {
    padding: 0px 3px 0px 2px;
    -tr-inhibit: vertical-align;
  }
  af|selectOneRadio::content-input:rtl,
  af|selectBooleanRadio::content-input:rtl {
    padding-right: 2px;
    padding-left: 3px;
  }
  af|selectBooleanRadio::content-input {
    padding-top: 0px;
  }
  af|selectBooleanRadio::item-text {
    vertical-align: middle;
  }
  af|selectBooleanRadio::native-input {
    vertical-align: middle;
  }
  
  af|selectOneRadio::label {
    padding-top: 4px;
    padding-bottom: 0px;
  }
  
  af|selectBooleanRadio::label {
    padding-top: 0.5px;
    padding-bottom: 0px;
  }
  
  af|selectManyCheckbox::label {
    padding-right: 7px;
  }
  af|selectManyCheckbox::label:rtl {
    padding-left: 7px;
  }

  af|selectManyCheckbox::item-text {
    padding-left: 5px;
  }
  af|selectManyCheckbox::item-text:rtl {
    padding-left: 3px;
    padding-right: 5px;
  }
  
  af|selectOneRadio:read-only::label {
    padding-top: 4px;
  }
}

af|selectBooleanRadio::native-input,
af|selectOneRadio::native-input,
af|selectBooleanCheckbox::native-input,
af|selectManyCheckbox::native-input {
  margin: 0px 3px 0px 5px;
  vertical-align: middle;
}

af|selectBooleanRadio::native-input:rtl,
af|selectOneRadio::native-input:rtl,
af|selectBooleanCheckbox::native-input:rtl,
af|selectManyCheckbox::native-input:rtl {
  margin-right: 5px;
  margin-left: 3px;
}

@agent ie {
  .AFContentCell af|selectBooleanCheckbox::content {
    display: inline-block;
  }
  
  af|selectBooleanCheckbox::tri-icon-style {
    margin-left: 6px;
    margin-right: 4px;
  }
  af|selectBooleanCheckbox::tri-icon-style:rtl {
    margin-left: 4px;
    margin-right: 6px;
  }
  
  af|selectBooleanCheckbox::native-input {
    margin: 0px 2px;
  }
  
  af|selectManyCheckbox::native-input {
    margin-top: 0px;
    margin-bottom: 0px;
  }
  
  af|selectManyCheckbox::label:rtl {
    padding-left: 4px;
  }
  
  af|selectBooleanRadio::native-input,
  af|selectOneRadio::native-input {
    top: 0px;
    padding-top: 0px;
    padding-bottom: 0px;
    margin: 0px 3px 0px 1px;
  }
  af|selectBooleanRadio::native-input:rtl,
  af|selectOneRadio::native-input:rtl {
    margin-right: 1px;
    margin-left: 3px;
  }
  
  af|selectOneRadio::item-text {
    position: relative;
    top: 1px;
  }
  
  af|selectBooleanRadio::label {
    /* Need slight adjustment due to layout of the native radio element */
    padding-bottom: 5px;
    padding-top: 5.5px;
    padding-right: 7px;
  }
  af|selectBooleanRadio::label:rtl {
    padding-left: 7px;
  }
  
  af|selectBooleanRadio::label .AFRequiredIconStyle {
    line-height: 11px;  
  }
  
  af|selectBooleanRadio:read-only::label {
    padding-top: 4px;
  }
  
  af|selectOneRadio::label {
    padding-top: 6.5px;
    padding-right: 5px;
  }
  af|selectOneRadio::label:rtl {
    padding-left: 5px;
  }
  
  af|selectOneRadio:read-only::label {
    padding-top: 5px;
    padding-right: 10px;
  }
  af|selectOneRadio:read-only::label:rtl {
    padding-left: 10px;
  }
  
  af|selectBooleanRadio:read-only::label {
    padding-right: 6px;
  }
  af|selectBooleanRadio:read-only::label:rtl {
    padding-left: 6px;
  }
  
}
  
@agent gecko {
  af|selectBooleanCheckbox::native-input {
    margin: 0px 2px;
  }
  
  af|selectManyCheckbox::native-input {
    margin: 0px;
  }
  
  af|selectOneRadio:read-only::label {
    padding-right: 9px;
  }
  af|selectOneRadio:read-only::label:rtl {
    padding-left: 9px;
  }
  
  af|selectBooleanRadio:read-only::label {
    padding-right: 5px;
  }
  af|selectBooleanRadio:read-only::label:rtl {
    padding-left: 5px;
  }
}

@agent webkit {
  af|selectBooleanCheckbox::item-text {
    vertical-align: middle;
    margin-left: 1px;
  }
  af|selectBooleanCheckbox::item-text:rtl {
    margin-right: 1px;
  }
  
  af|selectManyCheckbox::item-text {
    vertical-align: middle;
    margin-left: 1px;
  }
  af|selectManyCheckbox::item-text:rtl {
    margin-right: 1px;
  }
  
  af|selectBooleanRadio::item-text {
    vertical-align: middle;
    margin-left: 1px;
  }
  af|selectBooleanRadio::item-text:rtl {
    margin-right: 1px;
  }
  
  af|chooseDate::ampm-item-text {
    vertical-align: 20%;
    margin-left: 1px;
  }
  af|selectBooleanRadio::label {
    padding-top: 1px;
  }
  
  af|selectBooleanRadio:read-only::label {
    padding-right: 5px;
  }
  af|selectBooleanRadio:read-only::label:rtl {
    padding-left: 5px;
  }
  
  af|selectOneRadio::item-text {
    vertical-align: baseline;
    padding-left: 0px;
  }
  af|selectOneRadio::label {
    padding-top: 4px;
    padding-right: 4px;
    margin-left: 1px;
  }
  af|selectOneRadio af|panelFormLayout::label-cell {
    padding-top: 7px;
  }
  af|selectOneRadio::label:rtl {
    padding-left: 4px;
    margin-right: 1px;
  }
  
  af|selectOneRadio::native-input {
    margin: 0px 2px 0px 2px;
  }
  af|selectBooleanRadio::native-input,
  af|selectBooleanCheckbox::native-input,
  af|selectManyCheckbox::native-input{
    margin: 0px 3px 0px 2px;
  }
  af|selectBooleanRadio::native-input:rtl,
  af|selectBooleanCheckbox::native-input:rtl,
  af|selectManyCheckbox::native-input:rtl {
    margin-left: 3px;
    margin-right: 2px;
  }
  
  af|selectOneRadio:read-only::label {
    padding-top: 4px;
    padding-right: 10px;
  }
  af|selectOneRadio:read-only::label:rtl {
    padding-left: 10px;
  }
  
  af|selectManyCheckbox::label {
    padding-top: 5px;
  }
  
}

/* Safari specific */
@agent webkit and (version: 534.*) {
  af|selectManyCheckbox::label {
    padding-top: 6px;
  }
  
  af|selectOneRadio::label {
    padding-top: 4px;
  }
  af|selectOneRadio::native-input {
    top: -2px;
  }
  
  af|selectBooleanRadio::label {
    padding-top: 2px;
  }
  
  af|selectOneRadio:read-only af|selectOneRadio::label {
    padding-right: 4px;
  }
  af|selectOneRadio:read-only af|selectOneRadio::label:rtl {
    padding-left: 4px;
  }
}


@agent ie and (version: 7.0) {
  /* override base */
  af|selectManyCheckbox::native-input {
    margin: 0px 1px;
  }
}

@agent ie and (version: 8.0) {

  af|chooseDate::ampm-item-text {
    vertical-align: 10%;
  }

  af|selectBooleanRadio::label {
    padding-top: 5px;
  }
  
  af|selectOneRadio::label {
    padding-top: 5.5px;
  }
  
  af|selectOneRadio:read-only::label {
    padding-top: 4px;
  }
  
}
@agent ie and (version: 10) {

  af|selectOneRadio::item-text {
    vertical-align: middle;
    margin-left: 0px; 
  }
  af|selectBooleanRadio::item-text {
    vertical-align: top;
    margin-left: 3px;
  }
  af|selectBooleanRadio::item-text:rtl {
    margin-right: 3px;
  }
  af|selectOneRadio::label {
    padding-right: 3px;
  }
  af|selectOneRadio::label:rtl {
    padding-left: 3px;
  }
  af|selectBooleanRadio::label {
    padding-bottom: 0px;
    padding-right: 6px;
    padding-top: 0px;
  }
  af|selectBooleanRadio::label:rtl {
    padding-left: 5px;
  }
}

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

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 {
  color: -tr-property-ref(".AFErrorColor:alias","color");
  -tr-inhibit: background-color;
}
af|selectOneRadio:disabled::content,
af|selectOneRadio::item-text:disabled,
af|chooseDate::ampm-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");
  font-size: -tr-property-ref(".AFDefaultFont:alias", "font-size");
}
/* 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;
    }
  }
}
/* icon styles for tri-state checkbox */
af|selectBooleanCheckbox::tri-icon-style {
  background-image: url('/afr/alta-v1/checkMark_tri_NS_ena.png');
  display: inline-block;
  width: 13px;
  height: 13px;
  margin-top: 0px;
  margin-bottom: 0px;
  vertical-align: middle;
}
@agent webkit {
  af|selectBooleanCheckbox::tri-icon-style {
    margin: 0px 3px 0px 2px;
    vertical-align: middle;
  }
  af|selectBooleanCheckbox::tri-icon-style:rtl {
    margin-left: 3px;
    margin-right: 2px;
  }
}

af|selectBooleanCheckbox::tri-icon-style:hover {
  background-image: url('/afr/alta-v1/checkMark_tri_NS_ovr.png');
}
af|selectBooleanCheckbox::tri-icon-style:active,
af|selectBooleanCheckbox::tri-icon-style:active:hover {
  background-image: url('/afr/alta-v1/checkMark_tri_NS_dwn.png');
}
af|selectBooleanCheckbox::tri-icon-style:disabled,
af|selectBooleanCheckbox::tri-icon-style:disabled:hover {
  background-image: url('/afr/alta-v1/checkMark_tri_NS_dis.png');
}

af|selectBooleanCheckbox::tri-icon-style:selected {
  background-image: url('/afr/alta-v1/checkMark_sel_ena.png');
}
af|selectBooleanCheckbox::tri-icon-style:selected:hover {
  background-image: url('/afr/alta-v1/checkMark_sel_ovr.png');
}
af|selectBooleanCheckbox::tri-icon-style:selected:active,
af|selectBooleanCheckbox::tri-icon-style:selected:active:hover {
  background-image: url('/afr/alta-v1/checkMark_sel_dwn.png');
}
af|selectBooleanCheckbox::tri-icon-style:selected:disabled,
af|selectBooleanCheckbox::tri-icon-style:selected:disabled:hover {
  background-image: url('/afr/alta-v1/checkMark_sel_dis.png');
}

af|selectBooleanCheckbox::tri-icon-style:mixed {
  background-image: url('/afr/alta-v1/checkMark_tri_ena.png');
}
af|selectBooleanCheckbox::tri-icon-style:mixed:hover {
  background-image: url('/afr/alta-v1/checkMark_tri_ovr.png');
}
af|selectBooleanCheckbox::tri-icon-style:mixed:active,
af|selectBooleanCheckbox::tri-icon-style:mixed:active:hover {
  background-image: url('/afr/alta-v1/checkMark_tri_dwn.png');
}
af|selectBooleanCheckbox::tri-icon-style:mixed:disabled,
af|selectBooleanCheckbox::tri-icon-style:mixed:disabled:hover {
  background-image: url('/afr/alta-v1/checkMark_tri_dis.png');
}
/* End SelectBooleanCheckbox */

/* Start of selectManyChoice and inputComboboxListOfValues styles 
   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{
 -tr-dropdown-row-height: 14;
 -tr-dropdown-number-of-rows: 10;
 -tr-stretch-dropdown-table: true;
}

af|inputListOfValues,
af|inputComboboxListOfValues{
  -tr-search-dialog-min-width: 340;
  -tr-stretch-search-dialog: false;
  -tr-dialog-number-of-rows: 10;
}
/* property used to enable/disable the stretching of table rendered inside the drodown
of inputComboboxListOfValues component.*/
  
af|inputComboboxListOfValues::separator {
  border-bottom:1px solid -tr-property-ref(".AFFormControlContentBorderColor:alias","color");
  border-top:0;
}
af|selectManyChoice::control,
af|inputComboboxListOfValues::container{
  background-color: -tr-property-ref(".AFFormControlContentColor:alias","color");
  background-image: none;
  -tr-inhibit: border;
  border: 0;
  padding: 0;
  vertical-align:middle;
  display: inline-block;
}

af|selectManyChoice::content {
  margin: 1px 0px 1px;
}
af|selectManyChoice::content:rtl {
  margin: 1px 1px 1px 0px;
}

/* to account for extra 1px border on error and warning states */
af|inputComboboxListOfValues:warning::content,
af|inputComboboxListOfValues:error::content,
af|inputComboboxListOfValues:fatal::content {
  height: 24px;
  border: 0;
}
af|inputComboboxListOfValues:warning::dropdown-icon-style,
af|inputComboboxListOfValues:error::dropdown-icon-style,
af|inputComboboxListOfValues:fatal::dropdown-icon-style {
  padding-top: 5px;
  padding-bottom: 5px;
}
af|inputComboboxListOfValues:warning::dropdown-cell,
af|inputComboboxListOfValues:error::dropdown-cell,
af|inputComboboxListOfValues:fatal::dropdown-cell {
  border-top: 0;
  border-bottom: 0;
}

af|inputDate::content,
af|inputNumberSpinbox::content,
af|inputNumberSpinbox::incrementor-icon-style,
af|inputNumberSpinbox::decrementor-icon-style,
af|chooseDate::spinbox-incrementor-icon-style,
af|chooseDate::spinbox-decrementor-icon-style,
af|chooseDate::spinbox-content,
af|selectOneChoice::content,
af|selectManyShuttle::options,
af|selectOrderShuttle::options,
af|inputListOfValues::content, 
af|inputListOfValues::search-icon-style {
  box-sizing: border-box;
}

@agent gecko {

  af|inputDate::content,
  af|inputNumberSpinbox::content,
  af|inputNumberSpinbox::incrementor-icon-style,
  af|inputNumberSpinbox::decrementor-icon-style,
  af|chooseDate::spinbox-incrementor-icon-style,
  af|chooseDate::spinbox-decrementor-icon-style,
  af|chooseDate::spinbox-content,
  af|selectOneChoice::content,
  af|selectManyShuttle::options,
  af|selectOrderShuttle::options,
  af|inputListOfValues::content, 
  af|inputListOfValues::search-icon-style {
    -tr-inhibit: box-sizing;
    -moz-box-sizing: border-box;
  }
}
@agent webkit {
  af|inputDate::content,
  af|inputNumberSpinbox::content,
  af|inputNumberSpinbox::incrementor-icon-style,
  af|inputNumberSpinbox::decrementor-icon-style,
  af|chooseDate::spinbox-incrementor-icon-style,
  af|chooseDate::spinbox-decrementor-icon-style,
  af|chooseDate::spinbox-content,
  af|selectOneChoice::content,
  af|selectManyShuttle::options,
  af|selectOrderShuttle::options,
  af|inputListOfValues::content, 
  af|inputListOfValues::search-icon-style {
    -webkit-box-sizing: border-box;
  }
}

af|selectManyChoice:disabled::control,
af|inputComboboxListOfValues:disabled::container {
  -tr-inhibit: border;
}
af|selectManyChoice::content,
af|inputComboboxListOfValues::content {
  -tr-rule-ref: selector(".AFTextColor:alias");
  -tr-rule-ref: selector(".AFDefaultFont:alias");
  background-color: -tr-property-ref(".AFFormControlContentColor:alias","color");
  border: 1px solid -tr-property-ref(".AFFormControlContentBorderColor:alias","color");
  border-right: 0px;
  border-radius: -tr-property-ref(".AFFormControlContentBorder:alias","border-radius") 0 0 -tr-property-ref(".AFFormControlContentBorder:alias","border-radius") ;
  height: 28px;
  box-sizing: border-box;
  margin:0px;
  vertical-align:middle;
}
@agent gecko{
  af|selectManyChoice::content,
  af|inputComboboxListOfValues::content {
    -moz-box-sizing: border-box;
    -tr-inhibit: box-sizing;
  }
}
af|selectManyChoice::content {
  padding: 0 4px 0 4px;
}
af|selectManyChoice:read-only af|selectManyChoice::content {
  background-color: transparent;
}
@agent gecko {
  af|selectManyChoice:read-only .AFContentCell {
    padding-top: 0px;
    padding-bottom: 0px;
  }
}
@agent ie {
  af|selectManyChoice:help af|selectManyChoice::dynamic-help-icon-style {
    margin-top: -2px;
  }
  af|selectManyChoice:help:read-only af|selectManyChoice::label af|selectManyChoice::dynamic-help-icon-style {
    margin-top: 2px;
    margin-bottom: 2px;
  }
  af|selectManyChoice:help:read-only af|panelFormLayout::label-cell af|selectManyChoice::dynamic-help-icon-style {
    margin-top: -2px;
    margin-bottom: 0px;
  }
}
/* chrome specific alignment */
@agent webkit and (version: 537.*) {
  af|selectManyChoice:help af|selectManyChoice::dynamic-help-icon-style {
    vertical-align: -3px;
  }
}
af|inputComboboxListOfValues::content {
  padding: 0 5px 0 5px;
}
af|selectManyChoice::content:rtl,
af|inputComboboxListOfValues::content:rtl {
  border-right: 1px solid -tr-property-ref(".AFFormControlContentBorderColor:alias","color");
  border-left: 0;
  border-radius: 0 -tr-property-ref(".AFFormControlContentBorder:alias","border-radius")  -tr-property-ref(".AFFormControlContentBorder:alias","border-radius")  0;
}
af|selectManyChoice:disabled::content,
af|selectOneChoice:disabled::content,
af|inputComboboxListOfValues:disabled::content{
  background-color: -tr-property-ref(".AFFormControlContentDisabledColor:alias","color");
  border-color: -tr-property-ref(".AFFormControlContentBorderDisabledColor:alias","color");
  color: -tr-property-ref(".AFTextDisabledColor:alias","color");
}
af|selectManyChoice::content:focus {
  background-color: transparent;
}
af|selectManyChoice::dropdown,
af|inputComboboxListOfValues::dropdown-cell {
  -tr-rule-ref: selector(".AFButtonBackground:alias");
  -tr-rule-ref: selector(".AFButtonBorder:alias");
  margin: 0;
  padding:0;
  display: inline-block;
  border-radius: 0 -tr-property-ref(".AFButtonBorder:alias","border-radius") -tr-property-ref(".AFButtonBorder:alias","border-radius") 0;
  vertical-align: middle;
}
af|selectManyChoice::dropdown:rtl,
af|inputComboboxListOfValues::dropdown-cell:rtl {
  border-radius: -tr-property-ref(".AFButtonBorder:alias","border-radius") 0 0 -tr-property-ref(".AFButtonBorder:alias","border-radius");
}
af|selectManyChoice::dropdown:active,
af|inputComboboxListOfValues::dropdown-cell:active{
  -tr-rule-ref: selector(".AFButtonBackgroundActive:alias");
  -tr-rule-ref: selector(".AFButtonBorderActive: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-icon-style,
af|inputComboboxListOfValues::dropdown-icon-style{
  -tr-inhibit: font-family;
  -tr-inhibit: font-weight;
  background-image: url("/afr/alta-v1/dropdown_ena.png");
  background-position: center center;
  padding:6px;
  vertical-align: middle;
  display: inline-block;
  height: 14px;
  width: 14px;
}
 af|body:high-contrast af|selectManyChoice::dropdown-icon-style:after,
 af|body:high-contrast af|inputComboboxListOfValues::dropdown-icon-style:after{
  content: url("/afr/alta-v1/dropdown_ena.png");
}
  
 
af|selectManyChoice:active::dropdown-icon-style,
af|selectManyChoice:depressed::dropdown-icon-style,
af|inputComboboxListOfValues::dropdown-icon-style:active,
af|inputComboboxListOfValues::dropdown-icon-style:depressed{
  background-image: url("/afr/alta-v1/dropdown_dwn.png"); 
  background-color:-tr-property-ref(".AFButtonBackgroundActive:alias","background-color");
  }
af|selectManyChoice:disabled::dropdown-icon-style,
af|selectManyChoice:disabled::dropdown-icon-style:active,
af|selectManyChoice::dropdown-icon-style:disabled,
af|selectManyChoice::dropdown-icon-style:disabled:active,
af|inputComboboxListOfValues::dropdown-icon-style:disabled,
af|inputComboboxListOfValues::dropdown-icon-style:disabled:active{
  background-image: url("/afr/alta-v1/dropdown_dis.png");
  background-color:  -tr-property-ref(".AFButtonBackgroundDisabled:alias","background-color");
}
af|inputComboboxListOfValues::dropdown-popup{
  background-color: -tr-property-ref(".AFComponentBackgroundColor:alias","color");
  border: 1px solid -tr-property-ref(".AFWindowBorderColor:alias","color");
}
af|inputComboboxListOfValues::dropdown-table af|column::data-cell {
  -tr-rule-ref: selector(".AFDefaultFont:alias");
  padding-left: 5px;
  padding-right: 5px;
}
af|selectManyChoice::item {
  padding-top: 6px;
  padding-bottom: 5px;
}
af|selectManyChoice::item:selected,
af|selectOneChoice::item:selected {
  background-color: -tr-property-ref(".AFHoverSecondaryColor:alias","color");
}
af|selectManyChoice::item:disabled,
af|selectOneChoice::item:disabled {
  color: -tr-property-ref(".AFTextDisabledColor:alias","color");
  background-color: transparent;
  border-color: transparent;
}
@agent (touchScreen:none) {
  af|selectManyChoice::item:disabled:hover,
  af|selectOneChoice::item:disabled:hover {
    color: -tr-property-ref(".AFTextDisabledColor:alias","color");
    background-color: transparent;
    border-color: transparent;
  }
}
af|selectManyChoice::item:active,
af|selectOneChoice::item:active {
  background-color: -tr-property-ref(".AFHoverSecondaryColor:alias","color");
}
af|selectManyChoice::item:highlighted,
af|selectOneChoice::item:highlighted {
  background-color: transparent;
  border: 1px solid transparent;
}
af|selectManyChoice::item:hover,
af|selectOneChoice::item:hover {
  background-color: -tr-property-ref(".AFHoverSecondaryColor:alias","color");
}

af|selectManyChoice:disabled::control,
af|inputComboboxListOfValues:disabled::container {
  background-color: -tr-property-ref(".AFFormControlContentDisabledColor:alias","color");
}
af|selectManyChoice::content-input{
  background-image: none;
  color: -tr-property-ref(".AFTextDisabledColor:alias","color");
  background-color: -tr-property-ref(".AFFormControlContentDisabledColor:alias","color");
  vertical-align: middle;
  margin-left: 7px;
  margin-right: 7px;
}
af|selectManyChoice::content:focus {
  background-color: -tr-property-ref(".AFFormControlContentActiveColor:alias","color");
}


/*
 * Make sure content is aligned in the middle of the cell in a table 
 */
af|column::data-cell af|inputText:read-only::content,
af|column::data-cell af|selectBooleanRadio:read-only::content,
af|column::data-cell af|selectBooleanCheckbox:read-only::content,
af|column::data-cell af|selectOneListbox:read-only::content,
af|column::data-cell af|selectManyListbox:read-only::content,
af|column::data-cell af|selectOneChoice:read-only::content,
af|column::data-cell af|chooseDate:read-only::choice-list-content,
af|column::data-cell af|inputDate:read-only::content,
af|column::data-cell af|inputNumberSpinbox:read-only::content,
af|column::data-cell af|inputListOfValues:read-only::content,
af|column::data-cell af|inputComboboxListOfValues:read-only::content,
af|column::data-cell af|selectManyChoice:read-only::content,
af|column::banded-data-cell af|inputText:read-only::content,
af|column::banded-data-cell af|selectBooleanRadio:read-only::content,
af|column::banded-data-cell af|selectBooleanCheckbox:read-only::content,
af|column::banded-data-cell af|selectOneListbox:read-only::content,
af|column::banded-data-cell af|selectManyListbox:read-only::content,
af|column::banded-data-cell af|selectOneChoice:read-only::content,
af|column::banded-data-cell af|chooseDate:read-only::choice-list-content,
af|column::banded-data-cell af|inputDate:read-only::content,
af|column::banded-data-cell af|inputNumberSpinbox:read-only::content,
af|column::banded-data-cell af|inputListOfValues:read-only::content,
af|column::banded-data-cell af|inputComboboxListOfValues:read-only::content,
af|column::banded-data-cell af|selectManyChoice:read-only::content,
af|column::row-header-cell af|inputText:read-only::content,
af|column::row-header-cell af|selectBooleanRadio:read-only::content,
af|column::row-header-cell af|selectBooleanCheckbox:read-only::content,
af|column::row-header-cell af|selectOneListbox:read-only::content,
af|column::row-header-cell af|selectManyListbox:read-only::content,
af|column::row-header-cell af|selectOneChoice:read-only::content,
af|column::row-header-cell af|chooseDate:read-only::choice-list-content,
af|column::row-header-cell af|inputDate:read-only::content,
af|column::row-header-cell af|inputNumberSpinbox:read-only::content,
af|column::row-header-cell af|inputListOfValues:read-only::content,
af|column::row-header-cell af|inputComboboxListOfValues:read-only::content,
af|column::row-header-cell af|selectManyChoice:read-only::content {
  vertical-align: middle;
  display: inline;
  line-height: inherit;
}


af|column::data-cell af|selectBooleanCheckbox:read-only::content-input:ltr,
af|column::banded-data-cell af|selectBooleanCheckbox:read-only::content-input:ltr,
af|column::row-header-cell af|selectBooleanCheckbox:read-only::content-input:ltr {
  padding-left: 0px;
  vertical-align: middle;
  display: inline;
  line-height: inherit;  
}


af|column::data-cell af|selectBooleanCheckbox:read-only::content-input:rtl,
af|column::banded-data-cell af|selectBooleanCheckbox:read-only::content-input:rtl,
af|column::row-header-cell af|selectBooleanCheckbox:read-only::content-input:rtl {
  padding-right: 0px;
  vertical-align: middle;
  display: inline;
  line-height: inherit;  
}


/* table cell has 5px padding on left and right*/
af|table
{
  -tr-padding-left-width: 5;
  -tr-padding-right-width: 5;
}
.AFFieldText {
  color: -tr-property-ref(".AFTextColor:alias","color");
}
af|treeTable
{
  -tr-padding-left-width: 5;
  -tr-padding-right-width: 5;
}

af|table af|inputComboboxListOfValues,
af|treeTable af|inputComboboxListOfValues {
  max-width: 100%;
  width: 100%;
}

af|tree af|inputText::content {
  padding: 5px;
}

af|tree af|selectOneChoice::content {
  padding: 5px;
  margin: 0px;
}

/*table/treetable  display styles to support stretching/resizing of the lov on column resize*/
af|treeTable af|selectManyChoice::content,
af|table af|selectManyChoice::content,
af|treeTable af|inputComboboxListOfValues::content,
af|table af|inputComboboxListOfValues::content {
  display: table-cell;
  width:100%;
  padding:0;
  max-width:100%;
  text-indent: 5px;
}

af|treeTable af|inputComboboxListOfValues::content[size],
af|table af|inputComboboxListOfValues::content[size] {
  width: 100%;
  max-width: 100%;  
}

af|treeTable af|selectManyChoice::control,
af|table af|selectManyChoice::control,
af|treeTable af|inputComboboxListOfValues::container,
af|table af|inputComboboxListOfValues::container {
  margin: 0px;
  max-width: 100%;
  width: 100%;
  display: inline-table;
}
/*fixing the width of the dropdown cell to get the table-cell alignment right with textbox being width-100%*/
af|treeTable af|selectManyChoice::dropdown,
af|table af|selectManyChoice::dropdown,
af|treeTable af|inputComboboxListOfValues::dropdown-cell,
af|table af|inputComboboxListOfValues::dropdown-cell {
  display: table-cell;
  width: 27px;
}

af|selectManyChoice:read-only::content {
  vertical-align: 1px;
  margin: 0px 1px;
}
af|selectManyChoice:read-only .AFPanelFormLayoutContentCell af|selectManyChoice::content,
.AFPanelFormLayoutContentCell af|selectManyChoice:read-only::content {
  vertical-align: 1px;
  padding-left: 6px;
}
af|selectOneChoice:read-only .AFPanelFormLayoutContentCell af|selectOneChoice::content,
.AFPanelFormLayoutContentCell af|selectOneChoice:read-only::content {
  vertical-align: 0px;
}
af|selectManyChoice:read-only .AFPanelFormLayoutContentCell af|selectManyChoice::content:rtl,
.AFPanelFormLayoutContentCell af|selectManyChoice:read-only::content:rtl {
  padding-left: 0px;
  padding-right: 7px;
}
/* adjustment for panelAndLabelMessage in panelFormLayout */
af|panelLabelAndMessage::content-cell.AFPanelFormLayoutContentCell af|selectManyChoice {
  border: 0px solid transparent;
}

@agent (touchScreen:none) {
  af|selectManyChoice:disabled::dropdown-icon-style:hover,
  af|inputComboboxListOfValues:disabled::dropdown-icon-style:hover{
    background-image: url("/afr/alta-v1/dropdown_dis.png");
    background-color: -tr-property-ref(".AFButtonBackgroundDisabled:alias","background-color");
  }
  af|selectManyChoice::dropdown-icon-style:hover,
  af|inputComboboxListOfValues::dropdown-icon-style:hover {
    background-image: url("/afr/alta-v1/dropdown_ovr.png");
    background-color: -tr-property-ref(".AFButtonBackgroundHover:alias","background-color");
  }
  af|selectManyChoice::dropdown-icon-style:hover:active,
  af|inputComboboxListOfValues::dropdown-icon-style:hover:active{
    background-image: url("/afr/alta-v1/dropdown_dwn.png");
    background-color: -tr-property-ref(".AFButtonBackgroundActive:alias","background-color");
  }
  af|selectManyChoice::item:hover,
  af|selectOneChoice::item:hover {
    border-color: transparent;
    color: -tr-property-ref(".AFTextPrimaryColor:alias","color");
  }
  af|selectManyChoice:disabled::dropdown:hover,
  af|inputComboboxListOfValues:disabled::dropdown-cell:hover {
    border-color: -tr-property-ref(".AFButtonBorderDisabledColor:alias","color");
    -tr-rule-ref: selector(".AFButtonBackgroundDisabled:alias");
  }
  af|selectManyChoice::dropdown:active:hover{
    color: -tr-property-ref(".AFTextPrimaryColor:alias","color");
    border-color: transparent;
  }
  af|selectManyChoice::dropdown:hover{
  }
}

@agent webkit and (version: 537.*) {
   .AFToolbarOverflowCell .AFContentCell af|selectManyChoice::control,
   af|toolbar .AFContentCell af|selectManyChoice::control {
      vertical-align: 0px;
   }
}
 
@agent gecko {
    .AFToolbarOverflowCell af|selectManyChoice .AFContentCell,
    af|toolbar af|selectManyChoice .AFContentCell {
      padding: 0px;
  }
}
 
.AFToolbarOverflowCell af|selectManyChoice::control,
af|toolbar af|selectManyChoice::control {
  margin-top: 0px;
  margin-bottom: 0px;
}

@agent ie {
  af|selectManyChoice::control,
  .AFContentCell af|selectManyChoice::control {
    vertical-align: auto;
  }
  af|selectManyChoice::content:selected {
    background-color: transparent;
  }
  /* 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-repeat: no-repeat;
  }
  af|selectManyChoice::content {
    padding: 0 5px 0 5px;
  }
  af|selectManyChoice::dropdown-icon-style,
  af|inputComboboxListOfValues::dropdown-icon-style {
    background-position: center center;
  }
  af|selectManyChoice:read-only::content {
    vertical-align: -2px;
  }
  af|panelLabelAndMessage::content-cell.AFContentCell af|selectManyChoice:read-only::content {
    vertical-align: -1px;
  }
  af|selectManyChoice .AFPanelFormLayoutContentCell {
    padding-top: 6px;
  }
   af|panelLabelAndMessage::content-cell.AFPanelFormLayoutContentCell af|selectManyChoice::control {
    display: inline-block;
    vertical-align: 30%;
  }
}

@agent ie and (version: 8.0){
  af|inputComboboxListOfValues::content {
    -tr-inhibit: height;
    -tr-inhibit: min-height;
    padding: 6px 5px 5px 5px;
  }
  af|inputComboboxListOfValues:edit-mode-select::content {
    padding: 7px 5px 5px 5px;
  }
  af|treeTable af|selectManyChoice::content,
  af|table af|selectManyChoice::content,
  af|treeTable af|inputComboboxListOfValues::content,
  af|table af|inputComboboxListOfValues::content {
    -tr-inhibit: height;
    -tr-inhibit: min-height;
    padding: 6px 5px 5px 5px;
  }
}

@agent ie and (version: 7.0) {
  af|selectManyChoice::control,
  .AFContentCell af|selectManyChoice::control{
    /*TODO ALTA*/
  }
  af|selectManyChoice::content {
    /*TODO ALTA*/
  }
  
  af|treeTable af|selectManyChoice::content,
  af|table af|selectManyChoice::content,
  af|treeTable af|inputComboboxListOfValues::content,
  af|table af|inputComboboxListOfValues::content {
    margin-top: -1px;
    margin-bottom: -1px;
  }
  af|treeTable af|selectManyChoice::control,
  af|table af|selectManyChoice::control,
  af|treeTable af|inputComboboxListOfValues::container,
  af|table af|inputComboboxListOfValues::container {
    display: inline-block;
  }
  /*fixing the width of the dropdown cell to get the table-cell alignment right with textbox being width-100%*/
  af|treeTable af|selectManyChoice::dropdown,
  af|table af|selectManyChoice::dropdown,
  af|treeTable af|inputComboboxListOfValues::dropdown-cell,
  af|table af|inputComboboxListOfValues::dropdown-cell {
    display: inline-block;
    width: 27px;
  }
  af|selectManyChoice::content:selected,
  af|inputComboboxListOfValues::content:selected {
    background-color: transparent;
  }
  af|selectManyChoice::dropdown{
    display: inline;
    /*TODO ALTA*/
  }
  af|selectManyChoice::content-input{
    /*TODO ALTA*/
    overflow:hidden;
  }
  af|query af|selectManyChoice {
    /*TODO ALTA*/
  }
  af|query af|selectManyChoice::content {
    /*TODO ALTA*/
  }
  }

@agent webkit {
  af|selectManyChoice::dropdown-icon-style{
    -tr-inhibit: -webkit-box-sizing;
    height: 14px;
  }
  af|inputComboboxListOfValues::content{
    padding: 0 5px 0 5px;
  }
  af|inputComboboxListOfValues::dropdown-icon-style {
    background-color: transparent;
    box-sizing: content-box;
    height:14px;
    min-height: 14px;
  }
  
 af|treeTable af|selectManyChoice::container-span,
  af|table af|selectManyChoice::container-span,
  af|treeTable af|inputComboboxListOfValues::container-span,
  af|table af|inputComboboxListOfValues::container-span {
    display:table-cell;
    width: 27px;
    vertical-align:middle;
}
   af|treeTable af|inputComboboxListOfValues::container,
   af|table af|inputComboboxListOfValues::container{
     white-space:normal;
   }
  af|selectManyChoice::container-span,
  af|inputComboboxListOfValues::container-span {
    -tr-inhibit: margin-bottom;
  } 
  af|column::column-filter-cell af|inputComboboxListOfValues::content,
  af|column::data-cell af|inputComboboxListOfValues::content,
  af|column::banded-data-cell af|inputComboboxListOfValues::content,
  af|column::row-header-cell af|inputComboboxListOfValues::content {
    -tr-inhibit: max-width;
  }
}
/* chrome specific alignment */
@agent webkit and (version: 537.*) {
  af|selectManyChoice::content {
    padding: 0 5px 0 5px;
  }
  .AFContentCell af|selectManyChoice::control,
  .AFPanelFormLayoutContentCell af|selectManyChoice::control,
  af|panelLabelAndMessage::content-cell.AFPanelFormLayoutContentCell af|selectManyChoice::control {
    vertical-align: 10px;
  }
}

@agent gecko{
   af|inputComboboxListOfValues::dropdown-icon-style{
    background-color: transparent;
    height:14px;
    min-height: 14px;
  }
  af|selectManyChoice .AFPanelFormLayoutContentCell {
    padding-top: 6px;
  }
  af|panelLabelAndMessage::content-cell.AFPanelFormLayoutContentCell af|selectManyChoice::control {
    vertical-align: 10px;
  }
}

@agent ie and (version: 8.0),gecko {
af|query af|selectManyChoice::content {
  /*TODO ALTA*/
  }
}
/* Firefox 2 does not display the selectManyChoice box correctly without these styles. */
@agent gecko and (version: 1.8) {
  af|selectManyChoice .AFPanelFormLayoutContentCell {
    /*TODO ALTA*/
  }
  af|selectManyChoice::content {
   /*TODO ALTA*/
  }
}

@agent gecko, webkit {
  af|selectManyChoice .AFPanelFormLayoutContentCell {
     /*TODO ALTA*/
  }
}
/* End of selectManyChoice */

/* Start of selectManyListbox */
af|selectManyListbox .AFPanelFormLayoutContentCell {
  /*TODO ALTA*/
}
af|selectManyListbox:read-only .AFPanelFormLayoutContentCell {
  /*TODO ALTA*/
}
af|selectManyListbox  .AFPanelFormLayoutContentCell:rtl {
  /*TODO ALTA*/
}
af|selectManyListbox:read-only  .AFPanelFormLayoutContentCell:rtl {
  /*TODO ALTA*/
}
/* adjustment for panelAndLabelMessage in panelFormLayout */
af|panelLabelAndMessage::content-cell.AFPanelFormLayoutContentCell af|selectManyListbox {
  /*TODO ALTA*/
}
af|panelLabelAndMessage::content-cell.AFPanelFormLayoutContentCell af|selectManyListbox:read-only,
af|panelLabelAndMessage::content-cell.AFPanelFormLayoutContentCell af|selectOneListbox:read-only {
  /*TODO ALTA*/
}
af|panelLabelAndMessage::content-cell.AFPanelFormLayoutContentCell af|selectManyListbox:rtl {
  /*TODO ALTA*/
}
af|panelLabelAndMessage::content-cell.AFPanelFormLayoutContentCell af|selectManyListbox:read-only:rtl,
af|panelLabelAndMessage::content-cell.AFPanelFormLayoutContentCell af|selectOneListbox:read-only:rtl {
  /*TODO ALTA*/
}

af|selectManyListbox:read-only::content {
  background-color: transparent;
}
af|selectManyListbox::separator {
  border-bottom: 1px solid -tr-property-ref(".AFFormControlContentBorderColor:alias","color"); 
  height: 0px;
  margin: 1px 0px;
}

af|selectManyListbox:disabled af|selectManyListbox::separator {
  border-bottom-color: -tr-property-ref(".AFFormControlContentBorderDisabledColor:alias","color");
}

af|selectManyListbox:read-only::label,
af|selectOneListbox:read-only::label  {
  padding-right: 14px;
  padding-top: 0px;
  padding-bottom: 0px;
}
af|selectManyListbox:read-only::label:rtl,
af|selectOneListbox:read-only::label:rtl {
  padding-left: 14px;
}

af|selectOneListbox::label  {
  font-weight: bold;
  padding-top: 5px;
  padding-right: 8px;
}

af|selectManyListbox::label {
  font-weight: bold;
  padding-top: 7px;
  padding-right: 8px;
}

af|selectManyListbox::label:rtl,
af|selectOneListbox::label:rtl {
  padding-left: 8px;
}
af|selectManyListbox {
  -tr-item-row-height: 26;
}

@agent ie and (version: 9) {
  af|selectManyListbox::label {
    padding-top: 8px;
  }
}

@agent ie {
  af|selectOneListbox::label {
    padding-top: 6px;
  }
}
@agent gecko {
  af|selectOneListbox::label {
    padding-top: 6px;
  }
}
af|selectManyListbox af|panelFormLayout::label-cell {
  padding-top: 11px;
}
@agent gecko {
  af|selectManyListbox af|panelFormLayout::label-cell {
    padding-top: 12px;
  }
}
@agent ie {
  af|selectManyListbox af|panelFormLayout::label-cell {
    padding-top: 12px;
  }
}
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");  
}

af|selectOneListbox af|panelFormLayout::label-cell {
  padding-top: 13px;
}

af|selectManyListbox:disabled::content,
af|selectOneListbox:disabled::content{
  color: -tr-property-ref(".AFTextDisabledColor:alias","color");
}
af|selectManyListbox::item:disabled {
  color: -tr-property-ref(".AFTextDisabledColor:alias","color");
  background-color: -tr-property-ref(".AFFormControlContentColor:alias","color"); 
}

af|selectManyListbox:disabled af|selectManyListbox::item,
af|selectOneListbox:disabled af|selectOneListbox::item {
  background-color: -tr-property-ref(".AFFormControlContentDisabledColor:alias","color");
  color: -tr-property-ref(".AFTextDisabledColor:alias","color");
}

@agent (touchScreen:none) {
  af|selectManyListbox::item:hover {
    color: -tr-property-ref(".AFTextColor:alias","color");
    background-color: -tr-property-ref(".AFHoverSecondaryColor:alias","color"); 
  }
  af|selectManyListbox::item:disabled:hover {
    color: -tr-property-ref(".AFTextDisabledColor:alias","color");
    background-color: -tr-property-ref(".AFFormControlContentColor:alias","color"); 
  }
}
af|selectManyListbox::item:selected {
  color: -tr-property-ref(".AFTextColor:alias","color");
  background-color: -tr-property-ref(".AFSelectedColor:alias","color"); 
}
af|selectManyListbox::item:active {
  color: -tr-property-ref(".AFTextColor:alias","color");
  background-color: -tr-property-ref(".AFSelectedColor:alias","color");
}
af|selectManyListbox::content-input {
  margin-right: 7px;
  vertical-align: middle;
  position: relative;
  top: -1px;
}
af|selectManyListbox::content-input:rtl {
  margin-left: 7px;
}

@agent webkit {
  af|selectManyListbox::content-input {
    top: -1px;
  }
}

/* Safari specific */
@agent webkit and (version: 534.*) {
  af|selectManyListbox::content-input {
    top: -2px;
  }
}
@agent ie and (max-version: 9) {
  af|selectManyListbox::content-input {
    top: 0px;   
    padding-top: 1px;
  }  
}
@agent ie and (version: 10) {
  af|selectManyListbox::content-input {
    vertical-align: -10%;
    margin-right: 4px;
    top: 0px;
  }
  af|selectManyListbox::content-input:rtl {
    margin-left: 4px;
  }
}

@agent ie and (version: 8) {
  af|selectManyListbox::content-input {
    margin-right: 4px;
  }
  af|selectManyListbox::content-input:rtl {
    margin-left: 4px;
  }
}

/* End of selectManyListbox */

/* Start of selectOneChoice */
af|selectOneChoice .AFPanelFormLayoutContentCell {
  padding-top: 0px;
}
af|selectOneChoice:read-only .AFPanelFormLayoutContentCell {
  padding-left: 12px;
  padding-top: 8px;
}
af|selectOneChoice  .AFPanelFormLayoutContentCell:rtl {
  padding-top: 0px;
}
af|selectOneChoice:read-only  .AFPanelFormLayoutContentCell:rtl {
  padding-right: 12px;
  padding-left: 0px;
}
/* adjustment for panelAndLabelMessage in panelFormLayout */
af|panelLabelAndMessage::content-cell.AFPanelFormLayoutContentCell af|selectOneChoice {
  /* padding-left: 4px; */
}
af|panelLabelAndMessage::content-cell.AFPanelFormLayoutContentCell af|selectOneChoice:rtl {
  /* padding-right: 4px;
  padding-left: 0px; */
}
af|panelLabelAndMessage::content-cell.AFPanelFormLayoutContentCell af|selectOneChoice:read-only {
  padding-left: 7px;
}
af|panelLabelAndMessage::content-cell.AFPanelFormLayoutContentCell af|selectOneChoice:read-only:rtl {
  padding-right: 7px;
  padding-left: 0px;
}
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");
  padding: 0px 0px 0px 0px;
  height: 28px;
  margin: 0px;
}

af|selectOneChoice:fatal::content,
af|selectOneChoice:error::content {
  border-color:  -tr-property-ref(".AFErrorColor:alias","color");
  -tr-inhibit: margin;
}
af|selectOneChoice:warning::content {
  border-color:  -tr-property-ref(".AFWarningColor:alias","color");
}
af|selectOneChoice:read-only::content {
  background-color:transparent;
  margin-left: 1px;
}
af|selectOneChoice:read-only::content:rtl {
  margin-right: 1px;
  margin-left: 0px;
}

af|table::data-row 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 {
    padding-left: 2px;
  }
  .AFPanelFormLayoutContentCell af|selectOneChoice::content {
    vertical-align: 0px;
  }
  af|panelLabelAndMessage::content-cell.AFPanelFormLayoutContentCell af|selectOneChoice:read-only::content {
    vertical-align: baseline;
  }
  af|selectOneChoice:fatal::content,
  af|selectOneChoice:error::content,
  af|selectOneChoice:warning::content {
    /*TODO ALTA*/
  }
  af|selectOneChoice:fatal::content-border,
  af|selectOneChoice:error::content-border,
  af|selectOneChoice:warning::content-border {
    /*TODO ALTA*/
  }
}
/* remove the top padding from the label so that the label and text align */
af|selectOneChoice:read-only::label {
  padding-top: 0px;
}

/* need to override the border color coming from richcomponents-simple-desktop.css */
@agent webkit {
  af|selectOneChoice::content{
    border-color: -tr-property-ref(".AFFormControlContentBorderColor:alias","color");
    line-height: 22px;
    padding-left: 1px;
  }
  af|selectOneChoice:read-only::content {
    vertical-align: 4px;
  }
  
  /* tree doesn't need vertical align*/
  af|tree af|selectOneChoice:read-only::content {
    vertical-align: 0px;
  }
  
  .AFPanelFormLayoutContentCell af|selectOneChoice::content {
    vertical-align: 0px;
  }
}
/* chrome specific alignment */
@agent webkit and (version: 537.*) {
  af|selectOneChoice::content {
    vertical-align: 0px;
  }
  
  /* tree doesn't need 10px vertical align*/
  af|tree af|selectOneChoice::content {
    vertical-align: 0px;
  }
}
@agent gecko {
  .AFContentCell af|selectOneChoice::content {
    vertical-align: 0px;
  }
  af|selectOneChoice:read-only .AFContentCell af|selectOneChoice::content,
  af|panelLabelAndMessage::content-cell.AFContentCell af|selectOneChoice:read-only::content {
    vertical-align: 0px;
  }
  af|selectOneChoice:read-only::content {
    vertical-align: 1px;
  }
  af|selectOneChoice::content {
    padding-top: 4px;
    padding-bottom: 4px;
    padding-right: 4px;
    padding-left: 1px;
  }
  af|selectOneChoice::content:rtl {
    padding-right: 1px;
    padding-left: 4px;
  }
}
/* cell containing compact dropdown icon */
af|selectOneChoice::compact-dropdown {
  border: none;
  font-size: inherit;
  display: inline-block;
  padding: 0px 5px 5px 4px;
}

af|selectOneChoice::compact-dropdown:rtl {
  padding: 0px 4px 5px 5px;
}

af|selectOneChoice::label {
  padding-right: 7px;
}
af|selectOneChoice::label:rtl {
  padding-right: 0px;
  padding-left: 7px;
}
af|selectOneChoice af|panelFormLayout::label-cell {
  padding-top: 0px;
}
@agent gecko {
  af|selectOneChoice::compact-content {
    -tr-inhibit: font-size;
  }
  af|selectOneChoice::compact-dropdown {
    /* padding: 0px; */
  }
}
af|selectOneChoice:compact:read-only af|panelFormLayout::label-cell {
  padding-top: 6px;
}
@platform windows {
  @agent gecko {
    af|selectOneChoice:help:read-only af|panelFormLayout::label-cell {
      padding-top: 2px;
    }
    af|selectOneChoice:compact:help:read-only af|panelFormLayout::label-cell {
      padding-top: 7px;
    }
  }
}
@agent webkit {
  af|selectOneChoice:compact:help:read-only .AFContentCell {
    padding-top: 1px;
  }
  af|selectOneChoice:help af|panelFormLayout::label-cell {
    padding-top: 7px;
  }
  af|selectOneChoice:read-only af|panelFormLayout::label-cell {
    padding-top: 6px;
  }
  af|selectOneChoice:help:read-only af|panelFormLayout::label-cell {
    padding-top: 4px;
  }
  af|selectOneChoice:help:read-only .AFPanelFormLayoutContentCell {
    padding-top: 2px;
  }
  af|selectOneChoice:compact:help:read-only .AFPanelFormLayoutContentCell {
    padding-top: 6px;
  }
}
@agent ie {
  af|selectOneChoice::dynamic-help-icon-style {
    margin-top: -3px;
  }
  af|selectOneChoice:compact af|selectOneChoice::label {
    padding-top: 3px;
  }
  af|panelFormLayout af|selectOneChoice:compact af|panelFormLayout::label-cell {
    padding-top: 6px;
  }
  af|selectOneChoice:compact:help af|panelFormLayout::label-cell {
    padding-top: 9px;
  }
  af|selectOneChoice::compact-content {
    -tr-inhibit: font-size;
  }
  af|selectOneChoice:compact .AFPanelFormLayoutContentCell {
    padding-top: 5px;
  }
  af|selectOneChoice:compact:help .AFPanelFormLayoutContentCell {
    padding-top: 8px;
  }
  af|selectOneChoice:compact:read-only .AFContentCell {
    padding-top: 3px;
    display: block;
  }
  af|selectOneChoice:compact:read-only .AFPanelFormLayoutContentCell {
    padding-top: 6px;
  }
  af|selectOneChoice:compact:help:read-only .AFPanelFormLayoutContentCell {
    padding-top: 9px;
  }
}

/* compact dropdown icon */
af|selectOneChoice::compact-dropdown-icon-style {
  color: -tr-property-ref(".AFTextPrimaryColor:alias","color");
  background-image: url('/afr/alta-v1/dropdown-inline_selector-ena.png');
  background-color: -tr-property-ref(".AFButtonGradientStop2Color:alias","color");
  width: 17px;
  height: 12px;
  border-radius: -tr-property-ref(".AFButtonBorder:alias","border-radius");
  border: 1px solid -tr-property-ref(".AFButtonBorderColor:alias","color");
  vertical-align: middle;
  font-size: inherit;
  -tr-inhibit: padding-right;
  -tr-inhibit: padding-left;
  -tr-inhibit: margin-left;
  -tr-inhibit: margin-right;
  display: inline-block;
  padding: 0px;
}

@agent ie{
  af|selectOneChoice::compact-dropdown-icon-style {
    -tr-inhibit: padding-right;
  }
}

@agent webkit {
  af|selectOneChoice::compact-dropdown-icon-style {
    height: 12px;
  }
}

@agent (touchScreen:none) {
  af|selectOneChoice::compact-dropdown-icon-style:hover {
    color: -tr-property-ref(".AFButtonTextHoverColor:alias","color");
    background-image: url('/afr/alta-v1/dropdown-inline_selector-ovr.png'), -tr-property-ref(".AFButtonBackgroundHover:alias","background-image");
    background-color: -tr-property-ref(".AFButtonHoverColor","color");
  }
  af|selectOneChoice::compact-dropdown-icon-style:hover:active {
    background-image: url('/afr/alta-v1/dropdown-inline_selector-dwn.png'), -tr-property-ref(".AFButtonBackgroundHover:alias","background-image");
    color: -tr-property-ref(".AFButtonTextActiveColor:alias","color");
    background-color: -tr-property-ref(".AFButtonActiveColor:alias","color");
    border-color: -tr-property-ref(".AFButtonActiveColor:alias","color");
  }
  af|selectOneChoice::compact-dropdown-icon-style:disabled:hover,
  af|selectOneChoice::compact-dropdown-icon-style:disabled:hover:active {
    color: -tr-property-ref(".AFTextDisabledColor:alias","color");
    background-color: -tr-property-ref(".AFButtonDisabledColor:alias","color");
    border-color: -tr-property-ref(".AFButtonBorderDisabledColor:alias","color");
    background-image: url("/afr/alta-v1/dropdown-inline_selector-dis.png"), -tr-property-ref(".AFButtonBackgroundDisabled:alias","background-image");
  }
}


af|selectOneChoice::compact-dropdown-icon-style:active {
  color: -tr-property-ref(".AFButtonTextActiveColor:alias","color");
  background-color: -tr-property-ref(".AFButtonActiveColor:alias","color");
  border-color: -tr-property-ref(".AFButtonActiveColor:alias","color");
  background-image: url('/afr/alta-v1/dropdown-inline_selector-dwn.png'), -tr-property-ref(".AFButtonBackgroundActive:alias","background-image");
}

af|selectOneChoice::compact-dropdown-icon-style:disabled,
af|selectOneChoice::compact-dropdown-icon-style:disabled:active {
  color: -tr-property-ref(".AFTextDisabledColor:alias","color");
  background-color: -tr-property-ref(".AFButtonDisabledColor:alias","color");
  border-color: -tr-property-ref(".AFButtonBorderDisabledColor:alias","color");
  background-image: url("/afr/alta-v1/dropdown-inline_selector-dis.png"), -tr-property-ref(".AFButtonBackgroundDisabled:alias","background-image");
}

af|selectManyChoice::dropdown-panel,
af|selectOneChoice::dropdown-panel,
af|selectOneChoice::dropdown-panel:scroll {
  background-color: -tr-property-ref(".AFComponentBackgroundColor:alias","color");
  border-color: -tr-property-ref(".AFWindowBorderColor:alias","color");
}

/* Style on the item separator */
af|selectManyChoice::separator,
af|selectOneChoice::separator {
  border-color: -tr-property-ref(".AFWindowBorderColor:alias","color");
  margin-left: 1px;
  margin-right: 1px;
}
af|selectOneChoice::item {
  color: -tr-property-ref(".AFTextPrimaryColor:alias","color");
  padding: 6px 30px 7px 24px;
  margin-left: 1px;
  margin-right: 1px;
}
/* override simple's padding: 1px */
af|selectOneChoice::item:selected,
af|selectOneChoice::item:highlighted {
  padding: 6px 30px 7px 24px;
  margin-left: 1px;
  margin-right: 1px;
  color: -tr-property-ref(".AFTextColor:alias","color");
}

/* end of selectOneChoice */
/* start of selectOneListbox style */

af|selectOneListbox{
  -tr-listbox-item-height: 2; /*This value is in em*/
  -tr-listbox-item-height-unit: em;
}

af|selectOneListbox::separator {
  border-bottom: 1px solid -tr-property-ref(".AFFormControlContentBorderColor:alias","color");
  height: 0px;
}

@agent (touchScreen:none) {
  af|selectOneListbox::item {
    padding: 0px 18px 0px 5px;
  }

  af|selectOneListbox::item:rtl {
    padding: 0px 5px 0px 18px;
  }
}

af|selectManyListbox::item,
af|selectOneListbox::item {
  line-height: 24px;
  color: -tr-property-ref(".AFTextColor:alias","color");
  background-color: -tr-property-ref(".AFFormControlContentColor:alias","color");
  padding-left: 5px;
  -tr-inhibit: border;
  -tr-inhibit: padding;
  -tr-inhibit: vertical-align;
}

af|selectManyListbox::item {
  line-height: 25px;
  padding-top: 1px;
  padding-right: 18px;
  white-space: nowrap;
}

af|selectManyListbox::item:rtl,
af|selectOneListbox::item:rtl {
  padding-right: 5px;
}
af|selectManyListbox::item:rtl {
  padding-left: 18px;
}
af|selectOneListbox::item:disabled {
  color: -tr-property-ref(".AFTextDisabledColor:alias","color");
  background-color: -tr-property-ref(".AFFormControlContentColor:alias","color"); 
}
af|selectOneListbox:read-only::content,
af|selectManyListbox:read-only::content {
  border: 0px;
  color: -tr-property-ref(".AFTextColor:alias","color");
  padding: 0px;
}
@agent (touchScreen:none) {
  af|selectOneListbox::item:hover {
    color: -tr-property-ref(".AFTextColor:alias","color");
    background-color: -tr-property-ref(".AFHoverSecondaryColor:alias","color");  
  }
  af|selectOneListbox::item:disabled:hover {
    color: -tr-property-ref(".AFTextDisabledColor:alias","color");
    background-color: -tr-property-ref(".AFFormControlContentColor:alias","color"); 
  }
}

af|selectOneListbox::item:active,
af|selectOneListbox::item:selected {
  color: -tr-property-ref(".AFTextColor:alias","color");
  background-color: -tr-property-ref(".AFSelectedColor:alias","color");
  -tr-inhibit: border;
}

af|selectOneListbox .AFPanelFormLayoutContentCell {
  /*TODO ALTA*/ 
}
af|selectOneListbox:read-only .AFPanelFormLayoutContentCell {
  /*TODO ALTA*/ 
}
af|selectOneListbox  .AFPanelFormLayoutContentCell:rtl {
  /*TODO ALTA*/ 
}
af|selectOneListbox:read-only  .AFPanelFormLayoutContentCell:rtl {
  /*TODO ALTA*/ 
}
/* adjustment for panelAndLabelMessage in panelFormLayout */
af|panelLabelAndMessage::content-cell.AFPanelFormLayoutContentCell af|selectOneListbox {
  /*TODO ALTA*/ 
}
af|panelLabelAndMessage::content-cell.AFPanelFormLayoutContentCell af|selectOneListbox:rtl {
  /*TODO ALTA*/ 
}
/* end of selectOneListbox */
/* start of selectOneRadio */
af|selectBooleanRadio::label,
af|selectOneRadio::label {
  color: -tr-property-ref(".AFLabelColor:alias","color");
  font-weight: bold;
}

af|selectOneRadio .AFPanelFormLayoutContentCell {
  padding-top: 3px;
}

af|selectOneRadio:read-only .AFPanelFormLayoutContentCell {
  padding-top: 8px;
}

@agent ie {
  af|selectOneRadio .AFPanelFormLayoutContentCell {
    padding-top: 0px;
  }
}
@agent gecko {
  af|selectOneRadio .AFPanelFormLayoutContentCell {
    padding-top: 2px;
  }
}
@agent (touchScreen) {
  af|selectOneRadio .AFPanelFormLayoutContentCell {
    padding-top: 0px;
  }
}

af|selectBooleanRadio::native-input, 
af|selectOneRadio::native-input {
  margin-top: 0px;
  vertical-align: middle;
  position: relative;
  top: 1px;
}

@agent webkit {
  af|selectBooleanRadio::native-input,
  af|selectOneRadio::native-input {
    top: 0px;
  }
}

@agent gecko {
  af|selectOneRadio::native-input,
  af|selectBooleanRadio::native-input {
    top: -1px;
  }
}

@agent ie {
  af|selectBooleanRadio::native-input {
    top: -1px;
  }
}

af|selectOneRadio::label {
  padding-top: 6px;
}
af|selectBooleanRadio::label {
  padding-top: 0px;
}
af|selectBooleanRadio::item-text,
af|selectOneRadio::item-text {
  vertical-align: middle;
}
/* end of selectOneRadio */
/* Start of shuttle styles */

af|selectManyShuttle .AFPanelFormLayoutContentCell,
af|selectOrderShuttle .AFPanelFormLayoutContentCell {
  /*TODO ALTA*/ 
}
af|selectManyShuttle:read-only .AFPanelFormLayoutContentCell,
af|selectOrderShuttle:read-only .AFPanelFormLayoutContentCell {
  /*TODO ALTA*/ 
}
af|selectManyShuttle  .AFPanelFormLayoutContentCell:rtl,
af|selectOrderShuttle  .AFPanelFormLayoutContentCell:rtl {
  /*TODO ALTA*/ 
}
af|selectManyShuttle:read-only  .AFPanelFormLayoutContentCell:rtl,
af|selectOrderShuttle:read-only  .AFPanelFormLayoutContentCell:rtl {
  /*TODO ALTA*/ 
}
/* adjustment for panelAndLabelMessage in panelFormLayout */
af|panelLabelAndMessage::content-cell.AFPanelFormLayoutContentCell af|selectManyShuttle,
af|panelLabelAndMessage::content-cell.AFPanelFormLayoutContentCell af|selectOrderShuttle {
  /*TODO ALTA*/ 
}
af|panelLabelAndMessage::content-cell.AFPanelFormLayoutContentCell af|selectManyShuttle:rtl,
af|panelLabelAndMessage::content-cell.AFPanelFormLayoutContentCell af|selectOrderShuttle:rtl {
  /*TODO ALTA*/ 
}
@agent webkit {
  af|panelLabelAndMessage::content-cell.AFPanelFormLayoutContentCell af|selectManyShuttle,
  af|panelLabelAndMessage::content-cell.AFPanelFormLayoutContentCell af|selectOrderShuttle {
    /*TODO ALTA*/ 
  }
}

af|selectManyShuttle::options,
af|selectOrderShuttle::options {
  border-radius: -tr-property-ref(".AFButtonBorder:alias","border-radius");
  min-width: 126px;
  border: 1px solid -tr-property-ref(".AFFormControlContentBorderColor:alias","color");
  background-color: -tr-property-ref(".AFFormControlContentColor:alias","color");
}
af|selectManyShuttle::item,
af|selectOrderShuttle::item {
  background-color: -tr-property-ref(".AFFormControlContentColor:alias","color"); 
  color: -tr-property-ref(".AFTextColor:alias","color");
  padding-left:5px;
  padding-right:5px;
  padding-top: 2px;
  min-width: 130px;
  min-height: 20px;
}

af|selectOrderShuttle::container,
af|selectManyShuttle::container {
  background-color: transparent;
}
af|selectOrderShuttle::icon-container,
af|selectManyShuttle::icon-container {
  padding: 2px 2px 0px 0px;

}
af|selectOrderShuttle::icon-container:rtl,
af|selectManyShuttle::icon-container:rtl {
  padding-right: 0px;
  padding-left: 2px;
}
af|selectOrderShuttle:disabled::content,
af|selectManyShuttle:disabled::content {
  background-color: -tr-property-ref(".AFFormControlContentDisabledColor:alias","color");
  border-color: -tr-property-ref(".AFFormControlContentBorderDisabledColor:alias","color");
  border-width: 1px;
  color: -tr-property-ref(".AFTextDisabledColor:alias","color");
}

af|selectOrderShuttle:disabled af|selectOrderShuttle::item,
af|selectManyShuttle:disabled af|selectManyShuttle::item {
  color: -tr-property-ref(".AFTextDisabledColor: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,
af|selectOrderShuttle:disabled::item:hover,
af|selectManyShuttle:disabled::item:hover,
af|selectOrderShuttle:disabled::item:selected:hover,
af|selectOrderShuttle:disabled::item:active:hover,
af|selectManyShuttle:disabled::item:selected:hover,
af|selectManyShuttle:disabled::item:active:hover {
  background-color: -tr-property-ref(".AFFormControlContentDisabledColor:alias","color");
}
af|selectOrderShuttle::desc-area,
af|selectManyShuttle::desc-area {
  background: transparent;
  border-style: none;
  color: -tr-property-ref(".AFTextColor:alias","color");
  resize: none;
  overflow: auto;
  padding: 0px;
  width: 126px;
  height: 42px;
}
af|selectOrderShuttle:read-only::content,
af|selectManyShuttle:read-only::content {
  background-color: transparent;
  border-style: none;
}

/* 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:selected,
af|selectManyShuttle::item:selected,
af|selectOrderShuttle::item:active,
af|selectManyShuttle::item:active {
  color: -tr-property-ref(".AFTextColor:alias","color");
  background-color: -tr-property-ref(".AFSelectedColor:alias","color");

}
@agent (touchScreen:none) {
  af|selectOrderShuttle::item:hover,
  af|selectManyShuttle::item:hover{
    color: -tr-property-ref(".AFTextColor:alias","color");
    background-color: -tr-property-ref(".AFHoverSecondaryColor:alias","color");
  }
  af|selectOrderShuttle::item:disabled:hover,
  af|selectManyShuttle::item:disabled:hover {
    background-color: -tr-property-ref(".AFFormControlContentColor:alias","color");
    color: -tr-property-ref(".AFTextDisabledColor:alias","color");
  }
}

af|selectOrderShuttle::item:disabled,
af|selectManyShuttle::item:disabled,
af|selectOrderShuttle::item:disabled:active,
af|selectManyShuttle::item:disabled:active,
af|selectOrderShuttle::item:disabled:selected,
af|selectManyShuttle::item:disabled:selected {
  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");
  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 {
  color: -tr-property-ref(".AFHeaderTextColor:alias","color");
  margin-bottom: 2px;
}

af|selectOrderShuttle::description,
af|selectManyShuttle::description {
  padding-left: 0px;
  -tr-rule-ref: selector(".AFDefaultFont:alias");
  background-color: transparent;
  font-weight: bold;
  padding-top: 0px;
  padding-bottom: 0px;
}
af|selectManyShuttle::label,
af|selectOrderShuttle::label {
  color: -tr-property-ref(".AFLabelColor:alias","color");
  padding-left: 6px;
  padding-right: 8px;
}
af|selectManyShuttle::label:rtl,
af|selectOrderShuttle::label:rtl {
  padding-left: 8px;
  padding-right: 6px;
}
/* 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: 2px 0px 0px 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,
af|selectOrderShuttle::move-top,
af|selectOrderShuttle::move-up,
af|selectOrderShuttle::move-down,
af|selectOrderShuttle::move-bottom {
  height: 28px;
  width: 28px;
  margin-right: 5px;
  margin-left: 5px;
  -tr-rule-ref: selector(".AFButtonBorder:alias");
  -tr-rule-ref: selector(".AFButtonBackground:alias");
  box-sizing: border-box; /* So to make it render with same height + width in every browser */
}

@agent gecko {
  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,
  af|selectOrderShuttle::move-top,
  af|selectOrderShuttle::move-up,
  af|selectOrderShuttle::move-down,
  af|selectOrderShuttle::move-bottom {
    -tr-inhibit: box-sizing;
    -moz-box-sizing: border-box;
  }
}

@agent webkit {
  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,
  af|selectOrderShuttle::move-top,
  af|selectOrderShuttle::move-up,
  af|selectOrderShuttle::move-down,
  af|selectOrderShuttle::move-bottom {
    -tr-inhibit: box-sizing;
    -webkit-box-sizing: border-box;
  }
}

af|selectManyShuttle::move-horizontal,
af|selectOrderShuttle::move-horizontal {
  margin-bottom: 0px;
  margin-top: 25px;
}

af|selectOrderShuttle:leading-description::move-horizontal, 
af|selectOrderShuttle:trailing-description::move-horizontal{
  margin-top: calc(-tr-property-ref("af|selectOrderShuttle::move-horizontal","margin-top") - -tr-property-ref("af|selectOrderShuttle::desc-area","height") - 10px);
}

af|selectManyShuttle:leading-description::move-horizontal,
af|selectManyShuttle:trailing-description::move-horizontal {
  margin-top: calc(-tr-property-ref("af|selectManyShuttle::move-horizontal","margin-top") - -tr-property-ref("af|selectManyShuttle::desc-area","height") - 10px);
}

@agent webkit and (version: 534.*) {
  af|selectOrderShuttle:leading-description::move-horizontal, 
  af|selectOrderShuttle:trailing-description::move-horizontal{
    margin-top: -25px;
  }

  af|selectManyShuttle:leading-description::move-horizontal,
  af|selectManyShuttle:trailing-description::move-horizontal {
    margin-top: -25px;
  }

  af|selectOrderShuttle:trailing-description::move-top{
    margin-top: -25px;
  }
}

af|selectOrderShuttle::move-top {
  margin-bottom: 2px;
  margin-top: 25px;
}


af|selectOrderShuttle:leading-description:horizontal-layout::move-top{
  margin-top: calc(-tr-property-ref("af|selectOrderShuttle::move-top","margin-top") - -tr-property-ref("af|selectOrderShuttle::desc-area","height") - 10px);
}

af|selectOrderShuttle:trailing-description::move-top{
  margin-top: calc(-tr-property-ref("af|selectOrderShuttle::move-top","margin-top") - -tr-property-ref("af|selectOrderShuttle::desc-area","height") - 10px);
}

af|selectManyShuttle::moveall-horizontal,
af|selectOrderShuttle::moveall-horizontal, 
af|selectOrderShuttle::move-up {
  margin-bottom: 8px;
  margin-top: 0px;
}
af|selectManyShuttle::removeall-horizontal,
af|selectOrderShuttle::removeall-horizontal {
  margin-bottom: 20px;
  margin-top: 0px;
}
af|selectOrderShuttle::move-bottom {
  margin-bottom: 20px;
  margin-top: 2px;
}
af|selectManyShuttle::remove-horizontal,
af|selectOrderShuttle::remove-horizontal,
af|selectOrderShuttle::move-down {
  margin-bottom: 0px;
  margin-top: 0px;
}
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 {
  height: 28px;
  width: 28px;
  -tr-rule-ref: selector(".AFButtonBorder:alias");
  -tr-rule-ref: selector(".AFButtonBackground:alias");
  box-sizing: border-box; /* So to make it render with same height + width in every browser */
}

@agent gecko {
  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 {
    -tr-inhibit: box-sizing;
    -moz-box-sizing: border-box;
  }
}

@agent webkit {
  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 {
    -tr-inhibit: box-sizing;
    -webkit-box-sizing: border-box;
  }
}

af|selectManyShuttle::move-vertical,
af|selectOrderShuttle::move-vertical {
  margin-right: 1px;
}
af|selectManyShuttle::move-vertical:rtl,
af|selectOrderShuttle::move-vertical:rtl {
  margin-left: 1px;
}
af|selectManyShuttle::moveall-vertical,
af|selectOrderShuttle::moveall-vertical {
  margin-right: 5px;
  margin-left: 1px;
}
af|selectManyShuttle::moveall-vertical:rtl,
af|selectOrderShuttle::moveall-vertical:rtl {
  margin-right: 1px;
  margin-left: 5px;
}

af|selectManyShuttle::remove-vertical,
af|selectOrderShuttle::remove-vertical {
  margin-left: 5px;
  margin-right: 1px;
}
af|selectManyShuttle::remove-vertical:rtl,
af|selectOrderShuttle::remove-vertical:rtl {
  margin-left: 1px;
  margin-right: 5px;
}

af|selectManyShuttle::removeall-vertical,
af|selectOrderShuttle::removeall-vertical {
  margin-left: 1px;
}
af|selectManyShuttle::removeall-vertical:rtl,
af|selectOrderShuttle::removeall-vertical:rtl {
  margin-right: 1px;
}

af|selectManyShuttle::move-vertical:active,
af|selectOrderShuttle::move-vertical:active,
af|selectManyShuttle::move-vertical:active:hover,
af|selectOrderShuttle::move-vertical:active:hover,
af|selectManyShuttle::moveall-vertical:active,
af|selectOrderShuttle::moveall-vertical:active,
af|selectManyShuttle::moveall-vertical:active:hover,
af|selectOrderShuttle::moveall-vertical:active:hover,
af|selectManyShuttle::remove-vertical:active,
af|selectOrderShuttle::remove-vertical:active,
af|selectManyShuttle::remove-vertical:active:hover,
af|selectOrderShuttle::remove-vertical:active:hover,
af|selectManyShuttle::removeall-vertical:active,
af|selectOrderShuttle::removeall-vertical:active,
af|selectManyShuttle::removeall-vertical:active:hover,
af|selectOrderShuttle::removeall-vertical:active:hover,
af|selectManyShuttle::move-horizontal:active,
af|selectOrderShuttle::move-horizontal:active,
af|selectManyShuttle::move-horizontal:active:hover,
af|selectOrderShuttle::move-horizontal:active:hover,
af|selectManyShuttle::moveall-horizontal:active,
af|selectOrderShuttle::moveall-horizontal:active,
af|selectManyShuttle::moveall-horizontal:active:hover,
af|selectOrderShuttle::moveall-horizontal:active:hover,
af|selectManyShuttle::remove-horizontal:active,
af|selectOrderShuttle::remove-horizontal:active,
af|selectManyShuttle::remove-horizontal:active:hover,
af|selectOrderShuttle::remove-horizontal:active:hover,
af|selectManyShuttle::removeall-horizontal:active,
af|selectOrderShuttle::removeall-horizontal:active,
af|selectManyShuttle::removeall-horizontal:active:hover,
af|selectOrderShuttle::removeall-horizontal:active:hover,
af|selectOrderShuttle::move-top:active,
af|selectOrderShuttle::move-top:active:hover,
af|selectOrderShuttle::move-up:active,
af|selectOrderShuttle::move-up:active:hover,
af|selectOrderShuttle::move-down:active,
af|selectOrderShuttle::move-down:active:hover,
af|selectOrderShuttle::move-bottom:active,
af|selectOrderShuttle::move-bottom:active:hover {
  -tr-rule-ref: selector(".AFButtonBackgroundActive:alias");
  border: 1px solid -tr-property-ref(".AFButtonBorderActiveColor:alias","color");
  border-radius: -tr-property-ref(".AFButtonBorder:alias","border-radius");
}
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,
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,
af|selectOrderShuttle::move-top:disabled,
af|selectOrderShuttle::move-top:disabled:active,
af|selectOrderShuttle::move-up:disabled,
af|selectOrderShuttle::move-up:disabled:active,
af|selectOrderShuttle::move-down:disabled,
af|selectOrderShuttle::move-down:disabled:active,
af|selectOrderShuttle::move-bottom:disabled,
af|selectOrderShuttle::move-bottom:disabled:active,
af|selectManyShuttle::move-horizontal:disabled:hover,
af|selectManyShuttle::move-horizontal:disabled:active:hover,
af|selectOrderShuttle::move-horizontal:disabled:hover,
af|selectOrderShuttle::move-horizontal:disabled:active:hover,
af|selectManyShuttle::moveall-horizontal:disabled:hover,
af|selectManyShuttle::moveall-horizontal:disabled:active:hover,
af|selectOrderShuttle::moveall-horizontal:disabled:hover,
af|selectOrderShuttle::moveall-horizontal:disabled:active:hover,
af|selectManyShuttle::remove-horizontal:disabled:hover,
af|selectManyShuttle::remove-horizontal:disabled:active:hover,
af|selectOrderShuttle::remove-horizontal:disabled:hover,
af|selectOrderShuttle::remove-horizontal:disabled:active:hover,
af|selectManyShuttle::removeall-horizontal:disabled:hover,
af|selectManyShuttle::removeall-horizontal:disabled:active:hover,
af|selectOrderShuttle::removeall-horizontal:disabled:hover,
af|selectOrderShuttle::removeall-horizontal:disabled:active:hover,
af|selectManyShuttle::move-vertical:disabled:hover,
af|selectManyShuttle::move-vertical:disabled:active:hover,
af|selectOrderShuttle::move-vertical:disabled:hover,
af|selectOrderShuttle::move-vertical:disabled:active:hover,
af|selectManyShuttle::moveall-vertical:disabled:hover,
af|selectManyShuttle::moveall-vertical:disabled:active:hover,
af|selectOrderShuttle::moveall-vertical:disabled:hover,
af|selectOrderShuttle::moveall-vertical:disabled:active:hover,
af|selectManyShuttle::remove-vertical:disabled:hover,
af|selectManyShuttle::remove-vertical:disabled:active:hover,
af|selectOrderShuttle::remove-vertical:disabled:hover,
af|selectOrderShuttle::remove-vertical:disabled:active:hover,
af|selectManyShuttle::removeall-vertical:disabled:hover,
af|selectManyShuttle::removeall-vertical:disabled:active:hover,
af|selectOrderShuttle::removeall-vertical:disabled:hover,
af|selectOrderShuttle::removeall-vertical:disabled:active:hover,
af|selectOrderShuttle::move-top:disabled:hover,
af|selectOrderShuttle::move-top:disabled:active:hover,
af|selectOrderShuttle::move-up:disabled:hover,
af|selectOrderShuttle::move-up:disabled:active:hover,
af|selectOrderShuttle::move-down:disabled:hover,
af|selectOrderShuttle::move-down:disabled:active:hover,
af|selectOrderShuttle::move-bottom:disabled:hover,
af|selectOrderShuttle::move-bottom:disabled:active:hover {
  -tr-rule-ref: selector(".AFButtonForegroundDisabled:alias");
  -tr-rule-ref: selector(".AFButtonBorderDisabled:alias");
  -tr-rule-ref: selector(".AFButtonBackgroundDisabled:alias");
}

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/alta-v1/shuttle_right_ena.png");
  height: 26px;
  width: 26px;
}
af|body:high-contrast af|selectManyShuttle::move-horizontal-icon-style:after,
af|body:high-contrastaf|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");
  height: 26px;
  width: 26px;
  position: relative;
  top:6px;
}

@agent (touchScreen:none) {
  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,
  af|selectOrderShuttle::move-top:disabled:hover,
  af|selectOrderShuttle::move-up:disabled:hover,
  af|selectOrderShuttle::move-down:disabled:hover,
  af|selectOrderShuttle::move-bottom:disabled:hover {
    background-color: -tr-property-ref(".AFButtonDisabledColor:alias","color");
    border: 1px solid -tr-property-ref(".AFButtonBorderDisabledColor:alias","color");
    border-radius: -tr-property-ref(".AFButtonBorder:alias","border-radius");
  }
  af|selectManyShuttle::move-horizontal:hover,
  af|selectOrderShuttle::move-horizontal:hover,
  af|selectManyShuttle::moveall-horizontal:hover,
  af|selectOrderShuttle::moveall-horizontal:hover,
  af|selectManyShuttle::remove-horizontal:hover,
  af|selectOrderShuttle::remove-horizontal:hover,
  af|selectManyShuttle::removeall-horizontal:hover,
  af|selectOrderShuttle::removeall-horizontal:hover,
  af|selectManyShuttle::move-vertical:hover,
  af|selectOrderShuttle::move-vertical:hover,
  af|selectManyShuttle::moveall-vertical:hover,
  af|selectOrderShuttle::moveall-vertical:hover,
  af|selectManyShuttle::remove-vertical:hover,
  af|selectOrderShuttle::remove-vertical:hover,
  af|selectManyShuttle::removeall-vertical:hover,
  af|selectOrderShuttle::removeall-vertical:hover,
  af|selectOrderShuttle::move-top:hover,
  af|selectOrderShuttle::move-up:hover,
  af|selectOrderShuttle::move-down:hover,
  af|selectOrderShuttle::move-bottom:hover  {
    -tr-rule-ref: selector(".AFButtonBackgroundHover:alias");
    border: 1px solid -tr-property-ref(".AFButtonBorderHoverColor:alias","color");
  }
  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 {
    background-color: -tr-property-ref(".AFButtonDisabledColor:alias","color");
    border: 1px solid -tr-property-ref(".AFButtonBorderDisabledColor:alias","color");
  }
  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/alta-v1/shuttle_right_dis.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");
    position: relative;
    top:6px;
  }
  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/alta-v1/shuttle_right_ovr.png");
  }
}

af|selectManyShuttle::move-horizontal-icon-style:disabled,
af|selectOrderShuttle::move-horizontal-icon-style:disabled,
af|selectManyShuttle::move-horizontal-icon-style:disabled:hover,
af|selectOrderShuttle::move-horizontal-icon-style:disabled:hover,
af|selectManyShuttle::move-horizontal-icon-style:disabled:active,
af|selectOrderShuttle::move-horizontal-icon-style:disabled:active,
af|selectManyShuttle::move-horizontal-icon-style:disabled:active:hover,
af|selectOrderShuttle::move-horizontal-icon-style:disabled:active:hover,
af|selectManyShuttle::remove-horizontal-icon-style:disabled:rtl,
af|selectOrderShuttle::remove-horizontal-icon-style:disabled:rtl,
af|selectManyShuttle::remove-horizontal-icon-style:disabled:hover:rtl,
af|selectOrderShuttle::remove-horizontal-icon-style:disabled:hover:rtl,
af|selectManyShuttle::remove-horizontal-icon-style:disabled:active:rtl,
af|selectOrderShuttle::remove-horizontal-icon-style:disabled:active:rtl,
af|selectManyShuttle::remove-horizontal-icon-style:disabled:active:hover:rtl,
af|selectOrderShuttle::remove-horizontal-icon-style:disabled:active:hover:rtl {
  background-image: url("/afr/alta-v1/shuttle_right_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:hover:after,
af|body:high-contrast af|selectOrderShuttle::move-horizontal-icon-style:disabled:hover: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::move-horizontal-icon-style:disabled:active:hover:after,
af|body:high-contrast af|selectOrderShuttle::move-horizontal-icon-style:disabled:active:hover: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:hover:after:rtl,
af|body:high-contrast af|selectOrderShuttle::remove-horizontal-icon-style:disabled:hover: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,
af|body:high-contrast af|selectManyShuttle::remove-horizontal-icon-style:disabled:active:hover:after:rtl,
af|body:high-contrast af|selectOrderShuttle::remove-horizontal-icon-style:disabled:active:hover:after:rtl {
  content: -tr-property-ref(".AFSelectShuttleRightDisabledIcon:alias","background-image");
  position: relative;
  top:6px;
}

af|selectManyShuttle::move-horizontal-icon-style:hover:active,
af|selectOrderShuttle::move-horizontal-icon-style:hover:active,
af|selectManyShuttle::remove-horizontal-icon-style:hover:active:rtl,
af|selectOrderShuttle::remove-horizontal-icon-style:hover:active:rtl,
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/alta-v1/shuttle_right_dwn.png");
  background-color:-tr-property-ref(".AFButtonBackgroundActive:alias","background-color");
}

af|selectManyShuttle::move-vertical-icon-style,
af|selectOrderShuttle::move-vertical-icon-style {
  background-image: url("/afr/alta-v1/shuttle_down_ena.png");
  height: 26px;
  width: 26px;
  background-position: center center;
}
af|body:high-contrast af|selectManyShuttle::move-vertical-icon-style:after,
af|body:high-contrast af|selectOrderShuttle::move-vertical-icon-style:after{
  content: -tr-property-ref(".AFSelectShuttleDownEnabledIcon:alias","background-image");
  height: 26px;
  width: 26px;
  background-position: center center;
  position: relative;
  left: 6px;
  top:6px;
}
af|body:high-contrast af|selectManyShuttle::move-vertical-icon-style:after:rtl,
af|body:high-contrast af|selectOrderShuttle::move-vertical-icon-style:after:rtl{
  content: -tr-property-ref(".AFSelectShuttleDownEnabledIcon:alias","background-image");
  height: 26px;
  width: 26px;
  background-position: center center;
  position: relative;
  right: 6px;
  top:6px;
}

@agent (touchScreen:none) {
  af|selectManyShuttle::move-vertical-icon-style:disabled:hover,
    af|selectOrderShuttle::move-vertical-icon-style:disabled:hover {
    background-image: url("/afr/alta-v1/shuttle_down_dis.png");
  }
  af|selectManyShuttle::move-vertical-icon-style:hover,
  af|selectOrderShuttle::move-vertical-icon-style:hover {
    background-image: url("/afr/alta-v1/shuttle_down_ovr.png");
  }
  af|body:high-contrast af|selectManyShuttle::move-vertical-icon-style:disabled:hover:after,
  af|body:high-contrast af|selectOrderShuttle::move-vertical-icon-style:disabled:hover:after {
    content: -tr-property-ref(".AFSelectShuttleDownDisabledIcon:alias","background-image");
    position: relative;
    left: 6px;
    top:6px;
  }
  af|body:high-contrast af|selectManyShuttle::move-vertical-icon-style:disabled:hover:after:rtl,
  af|body:high-contrast af|selectOrderShuttle::move-vertical-icon-style:disabled:hover:after:rtl {
    content: -tr-property-ref(".AFSelectShuttleDownDisabledIcon:alias","background-image");
    position: relative;
    right: 6px;
    top:6px;
  }
  
}
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,
af|selectManyShuttle::move-vertical-icon-style:disabled:hover,
af|selectOrderShuttle::move-vertical-icon-style:disabled:hover,
af|selectManyShuttle::move-vertical-icon-style:disabled:active:hover,
af|selectOrderShuttle::move-vertical-icon-style:disabled:active:hover {
  background-image: url("/afr/alta-v1/shuttle_down_dis.png");
}
af|body:high-contrast af|selectManyShuttle::move-vertical-icon-style:disabled:after,
af|body:high-contrast af|selectOrderShuttle::move-vertical-icon-style:disabled:after,
af|body:high-contrast af|selectManyShuttle::move-vertical-icon-style:disabled:active:after,
af|body:high-contrast af|selectOrderShuttle::move-vertical-icon-style:disabled:active:after,
af|body:high-contrast af|selectManyShuttle::move-vertical-icon-style:disabled:hover:after,
af|body:high-contrast af|selectOrderShuttle::move-vertical-icon-style:disabled:hover:after,
af|body:high-contrast af|selectManyShuttle::move-vertical-icon-style:disabled:active:hover:after,
af|body:high-contrast af|selectOrderShuttle::move-vertical-icon-style:disabled:active:hover:after {
  content: -tr-property-ref(".AFSelectShuttleDownDisabledIcon:alias","background-image");
  position: relative;
  left: 6px;
  top:6px;
}
af|body:high-contrast af|selectManyShuttle::move-vertical-icon-style:disabled:after:rtl,
af|body:high-contrast af|selectOrderShuttle::move-vertical-icon-style:disabled:after:rtl,
af|body:high-contrast af|selectManyShuttle::move-vertical-icon-style:disabled:active:after:rtl,
af|body:high-contrast af|selectOrderShuttle::move-vertical-icon-style:disabled:active:after:rtl,
af|body:high-contrast af|selectManyShuttle::move-vertical-icon-style:disabled:hover:after:rtl,
af|body:high-contrast af|selectOrderShuttle::move-vertical-icon-style:disabled:hover:after:rtl,
af|body:high-contrast af|selectManyShuttle::move-vertical-icon-style:disabled:active:hover:after:rtl,
af|body:high-contrast af|selectOrderShuttle::move-vertical-icon-style:disabled:active:hover:after:rtl {
  content: -tr-property-ref(".AFSelectShuttleDownDisabledIcon:alias","background-image");
  position: relative;
  right: 6px;
  top:6px;
}



af|selectManyShuttle::move-vertical-icon-style:hover:active,
af|selectOrderShuttle::move-vertical-icon-style:hover:active,
af|selectManyShuttle::move-vertical-icon-style:active,
af|selectOrderShuttle::move-vertical-icon-style:active {
  background-image: url("/afr/alta-v1/shuttle_down_dwn.png");
  background-color:-tr-property-ref(".AFButtonBackgroundActive:alias","background-color");
}
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/alta-v1/shuttle_right_all_ena.png");
  height: 26px;
  width: 26px;
}
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");
  height: 26px;
  width: 26px;
  position: relative;
  top: 6px;
}

@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/alta-v1/shuttle_right_all_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/alta-v1/shuttle_right_all_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");
    position: relative;
    top: 6px;
  }
}
af|selectManyShuttle::moveall-horizontal-icon-style:disabled,
af|selectOrderShuttle::moveall-horizontal-icon-style:disabled,
af|selectManyShuttle::moveall-horizontal-icon-style:disabled:hover,
af|selectOrderShuttle::moveall-horizontal-icon-style:disabled:hover,
af|selectManyShuttle::moveall-horizontal-icon-style:disabled:active,
af|selectOrderShuttle::moveall-horizontal-icon-style:disabled:active,
af|selectManyShuttle::moveall-horizontal-icon-style:disabled:active:hover,
af|selectOrderShuttle::moveall-horizontal-icon-style:disabled:active:hover,
af|selectManyShuttle::removeall-horizontal-icon-style:disabled:rtl,
af|selectOrderShuttle::removeall-horizontal-icon-style:disabled:rtl,
af|selectManyShuttle::removeall-horizontal-icon-style:disabled:hover:rtl,
af|selectOrderShuttle::removeall-horizontal-icon-style:disabled:hover:rtl,
af|selectManyShuttle::removeall-horizontal-icon-style:disabled:active:rtl,
af|selectOrderShuttle::removeall-horizontal-icon-style:disabled:active:rtl,
af|selectManyShuttle::removeall-horizontal-icon-style:disabled:active:hover:rtl,
af|selectOrderShuttle::removeall-horizontal-icon-style:disabled:active:hover:rtl {
  background-image: url("/afr/alta-v1/shuttle_right_all_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:hover:after,
af|body:high-contrast af|selectOrderShuttle::moveall-horizontal-icon-style:disabled:hover: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::moveall-horizontal-icon-style:disabled:active:hover:after,
af|body:high-contrast af|selectOrderShuttle::moveall-horizontal-icon-style:disabled:active:hover: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:hover:after:rtl,
af|body:high-contrast af|selectOrderShuttle::removeall-horizontal-icon-style:disabled:hover: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,
af|body:high-contrast af|selectManyShuttle::removeall-horizontal-icon-style:disabled:active:hover:after:rtl,
af|body:high-contrast af|selectOrderShuttle::removeall-horizontal-icon-style:disabled:active:hover:after:rtl {
  content: -tr-property-ref(".AFSelectShuttleRightAllDisabledIcon:alias","background-image");
  position: relative;
  top: 6px;
}

af|selectManyShuttle::moveall-horizontal-icon-style:hover:active,
af|selectOrderShuttle::moveall-horizontal-icon-style:hover:active,
af|selectManyShuttle::removeall-horizontal-icon-style:hover:active:rtl,
af|selectOrderShuttle::removeall-horizontal-icon-style:hover:active:rtl,
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/alta-v1/shuttle_right_all_dwn.png");
  background-color:-tr-property-ref(".AFButtonBackgroundActive:alias","background-color");
}
af|selectManyShuttle::moveall-vertical-icon-style,
af|selectOrderShuttle::moveall-vertical-icon-style {
  background-image: url("/afr/alta-v1/shuttle_down_all_ena.png");
  height: 26px;
  width: 26px;
  background-position: center center;
}
@agent (touchScreen:none) {
  af|selectManyShuttle::moveall-vertical-icon-style:disabled:hover,
    af|selectOrderShuttle::moveall-vertical-icon-style:disabled:hover {
    background-image: url("/afr/alta-v1/shuttle_down_all_dis.png");
  }
  af|selectManyShuttle::moveall-vertical-icon-style:hover,
  af|selectOrderShuttle::moveall-vertical-icon-style:hover {
    background-image: url("/afr/alta-v1/shuttle_down_all_ovr.png");
  }
}

af|selectManyShuttle::moveall-vertical-icon-style:disabled,
af|selectOrderShuttle::moveall-vertical-icon-style:disabled,
af|selectManyShuttle::moveall-vertical-icon-style:disabled:hover,
af|selectOrderShuttle::moveall-vertical-icon-style:disabled:hover,
af|selectManyShuttle::moveall-vertical-icon-style:disabled:active,
af|selectOrderShuttle::moveall-vertical-icon-style:disabled:active,
af|selectManyShuttle::moveall-vertical-icon-style:disabled:active:hover,
af|selectOrderShuttle::moveall-vertical-icon-style:disabled:active:hover {
  background-image: url("/afr/alta-v1/shuttle_down_all_dis.png");
}

af|selectManyShuttle::moveall-vertical-icon-style:hover:active,
af|selectOrderShuttle::moveall-vertical-icon-style:hover:active,
af|selectManyShuttle::moveall-vertical-icon-style:hover:active,
af|selectOrderShuttle::moveall-vertical-icon-style:hover:active {
  background-image: url("/afr/alta-v1/shuttle_down_all_dwn.png");
  background-color:-tr-property-ref(".AFButtonBackgroundActive:alias","background-color");
}

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 {
  height: 26px;
  width: 26px;
  background-image: url("/afr/alta-v1/shuttle_left_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 {
  height: 26px;
  width: 26px;
  content: -tr-property-ref(".AFSelectShuttleLeftEnabledIcon:alias","background-image");
  position: relative;
  top: 6px;
}
@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/alta-v1/shuttle_left_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/alta-v1/shuttle_left_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");
    position: relative;
    top: 6px;  }
}
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,
af|selectManyShuttle::remove-horizontal-icon-style:disabled:hover,
af|selectOrderShuttle::remove-horizontal-icon-style:disabled:hover,
af|selectManyShuttle::remove-horizontal-icon-style:disabled:active:hover,
af|selectOrderShuttle::remove-horizontal-icon-style:disabled:active:hover,
af|selectManyShuttle::move-horizontal-icon-style:disabled:hover:rtl,
af|selectOrderShuttle::move-horizontal-icon-style:disabled:hover:rtl,
af|selectManyShuttle::move-horizontal-icon-style:disabled:active:hover:rtl,
af|selectOrderShuttle::move-horizontal-icon-style:disabled:active:hover:rtl{
  background-image: url("/afr/alta-v1/shuttle_left_dis.png");
  height: 26px;
  width: 26px;
}
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,
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::remove-horizontal-icon-style:disabled:active:hover:after,
af|body:high-contrast af|selectOrderShuttle::remove-horizontal-icon-style:disabled:active: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,
af|body:high-contrast af|selectManyShuttle::move-horizontal-icon-style:disabled:active:hover:after:rtl,
af|body:high-contrast af|selectOrderShuttle::move-horizontal-icon-style:disabled:active:hover:after:rtl{
  content: -tr-property-ref(".AFSelectShuttleLeftDisabledIcon:alias","background-image");
  height: 26px;
  width: 26px;
  position: relative;
  top: 6px;
}

af|selectManyShuttle::remove-horizontal-icon-style:hover:active,
af|selectOrderShuttle::remove-horizontal-icon-style:hover:active,
af|selectManyShuttle::move-horizontal-icon-style:hover:active:rtl,
af|selectOrderShuttle::move-horizontal-icon-style:hover:active:rtl,
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/alta-v1/shuttle_left_dwn.png");
  background-color:-tr-property-ref(".AFButtonBackgroundActive:alias","background-color");
}
af|selectManyShuttle::remove-vertical-icon-style,
af|selectOrderShuttle::remove-vertical-icon-style {
  background-image: url("/afr/alta-v1/shuttle_up_ena.png");
  background-position: center center;
  height: 26px;
  width: 26px;
}
af|body:high-contrast af|selectManyShuttle::remove-vertical-icon-style:after,
af|body:high-contrast af|selectOrderShuttle::remove-vertical-icon-style:after {
  content: -tr-property-ref(".AFSelectShuttleUpEnabledIcon:alias","background-image");
  background-position: center center;
  height: 26px;
  width: 26px;
  position: relative;
  left: 6px;
  top:6px;
}
af|body:high-contrast af|selectManyShuttle::remove-vertical-icon-style:after:rtl,
af|body:high-contrast af|selectOrderShuttle::remove-vertical-icon-style:after:rtl {
  content: -tr-property-ref(".AFSelectShuttleUpEnabledIcon:alias","background-image");
  background-position: center center;
  height: 26px;
  width: 26px;
  position: relative;
  right: 6px;
  top:6px;
}


@agent (touchScreen:none) {
  af|selectManyShuttle::remove-vertical-icon-style:disabled:hover,
    af|selectOrderShuttle::remove-vertical-icon-style:disabled:hover {
    background-image: url("/afr/alta-v1/shuttle_up_dis.png");
  }
  af|selectManyShuttle::remove-vertical-icon-style:hover,
  af|selectOrderShuttle::remove-vertical-icon-style:hover {
    background-image: url("/afr/alta-v1/shuttle_up_ovr.png");
  }
  af|body:high-contrast af|selectManyShuttle::remove-vertical-icon-style:disabled:hover:after,
  af|body:high-contrast af|selectOrderShuttle::remove-vertical-icon-style:disabled:hover:after {
    content: -tr-property-ref(".AFSelectShuttleUpDisabledIcon:alias","background-image");
    position: relative;
    left: 6px;
    top:6px;
  }
  af|body:high-contrast af|selectManyShuttle::remove-vertical-icon-style:disabled:hover:after:rtl,
  af|body:high-contrast af|selectOrderShuttle::remove-vertical-icon-style:disabled:hover:after:rtl {
    content: -tr-property-ref(".AFSelectShuttleUpDisabledIcon:alias","background-image");
    position: relative;
    right: 6px;
    top:6px;
  }
}

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,
af|selectManyShuttle::remove-vertical-icon-style:disabled:hover,
af|selectOrderShuttle::remove-vertical-icon-style:disabled:hover,
af|selectManyShuttle::remove-vertical-icon-style:disabled:active:hover,
af|selectOrderShuttle::remove-vertical-icon-style:disabled:active:hover {
  background-image: url("/afr/alta-v1/shuttle_up_dis.png");
}
af|body:high-contrast af|selectManyShuttle::remove-vertical-icon-style:disabled:after,
af|body:high-contrast af|selectOrderShuttle::remove-vertical-icon-style:disabled:after,
af|body:high-contrast af|selectManyShuttle::remove-vertical-icon-style:disabled:active:after,
af|body:high-contrast af|selectOrderShuttle::remove-vertical-icon-style:disabled:active:after,
af|body:high-contrast af|selectManyShuttle::remove-vertical-icon-style:disabled:hover:after,
af|body:high-contrast af|selectOrderShuttle::remove-vertical-icon-style:disabled:hover:after,
af|body:high-contrast af|selectManyShuttle::remove-vertical-icon-style:disabled:active:hover:after,
af|body:high-contrast af|selectOrderShuttle::remove-vertical-icon-style:disabled:active:hover:after {
  content: -tr-property-ref(".AFSelectShuttleUpDisabledIcon:alias","background-image");
  position: relative;
  left: 6px;
  top:6px;
}
af|body:high-contrast af|selectManyShuttle::remove-vertical-icon-style:disabled:after:rtl,
af|body:high-contrast af|selectOrderShuttle::remove-vertical-icon-style:disabled:after:rtl,
af|body:high-contrast af|selectManyShuttle::remove-vertical-icon-style:disabled:active:after:rtl,
af|body:high-contrast af|selectOrderShuttle::remove-vertical-icon-style:disabled:active:after:rtl,
af|body:high-contrast af|selectManyShuttle::remove-vertical-icon-style:disabled:hover:after:rtl,
af|body:high-contrast af|selectOrderShuttle::remove-vertical-icon-style:disabled:hover:after:rtl,
af|body:high-contrast af|selectManyShuttle::remove-vertical-icon-style:disabled:active:hover:after:rtl,
af|body:high-contrast af|selectOrderShuttle::remove-vertical-icon-style:disabled:active:hover:after:rtl {
  content: -tr-property-ref(".AFSelectShuttleUpDisabledIcon:alias","background-image");
  position: relative;
  right: 6px;
  top:6px;
}

af|selectManyShuttle::remove-vertical-icon-style:hover:active,
af|selectOrderShuttle::remove-vertical-icon-style:hover:active,
af|selectManyShuttle::remove-vertical-icon-style:active,
af|selectOrderShuttle::remove-vertical-icon-style:active {
  background-image: url("/afr/alta-v1/shuttle_up_dwn.png");
  background-color:-tr-property-ref(".AFButtonBackgroundActive:alias","background-color");
}

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/alta-v1/shuttle_left_all_ena.png");
  height: 26px;
  width: 26px;
}
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");
  height: 26px;
  width: 26px;
  position: relative;
  top: 6px;
}
@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/alta-v1/shuttle_left_all_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/alta-v1/shuttle_left_all_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");
    position: relative;
    top: 6px;
  }
}
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,
af|selectManyShuttle::removeall-horizontal-icon-style:disabled:hover,
af|selectOrderShuttle::removeall-horizontal-icon-style:disabled:hover,
af|selectManyShuttle::removeall-horizontal-icon-style:disabled:active:hover,
af|selectOrderShuttle::removeall-horizontal-icon-style:disabled:active:hover,
af|selectManyShuttle::moveall-horizontal-icon-style:disabled:hover:rtl,
af|selectOrderShuttle::moveall-horizontal-icon-style:disabled:hover:rtl,
af|selectManyShuttle::moveall-horizontal-icon-style:disabled:active:hover:rtl,
af|selectOrderShuttle::moveall-horizontal-icon-style:disabled:active:hover:rtl{
  background-image: url("/afr/alta-v1/shuttle_left_all_dis.png");
  height: 26px;
  width: 26px;
}
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,
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::removeall-horizontal-icon-style:disabled:active:hover:after,
af|body:high-contrast af|selectOrderShuttle::removeall-horizontal-icon-style:disabled:active: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,
af|body:high-contrast af|selectManyShuttle::moveall-horizontal-icon-style:disabled:active:hover:after:rtl,
af|body:high-contrast af|selectOrderShuttle::moveall-horizontal-icon-style:disabled:active:hover:after:rtl{
  content: -tr-property-ref(".AFSelectShuttleLeftAllDisabledIcon:alias","background-image");
  height: 26px;
  width: 26px;
  position: relative;
  top: 6px;
}
af|selectManyShuttle::removeall-horizontal-icon-style:hover:active,
af|selectOrderShuttle::removeall-horizontal-icon-style:hover:active,
af|selectManyShuttle::moveall-horizontal-icon-style:hover:active:rtl,
af|selectOrderShuttle::moveall-horizontal-icon-style:hover:active:rtl,
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/alta-v1/shuttle_left_all_dwn.png");
  background-color:-tr-property-ref(".AFButtonBackgroundActive:alias","background-color");
}
af|selectManyShuttle::removeall-vertical-icon-style,
af|selectOrderShuttle::removeall-vertical-icon-style {
  background-image: url("/afr/alta-v1/shuttle_up_all_ena.png");
  height: 26px;
  width: 26px;
}
@agent (touchScreen:none) {
  af|selectManyShuttle::removeall-vertical-icon-style:disabled:hover,
    af|selectOrderShuttle::removeall-vertical-icon-style:disabled:hover {
    background-image: url("/afr/alta-v1/shuttle_up_all_dis.png");
  }
  af|selectManyShuttle::removeall-vertical-icon-style:hover,
  af|selectOrderShuttle::removeall-vertical-icon-style:hover {
    background-image: url("/afr/alta-v1/shuttle_up_all_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,
af|selectManyShuttle::removeall-vertical-icon-style:disabled:hover,
af|selectOrderShuttle::removeall-vertical-icon-style:disabled:hover,
af|selectManyShuttle::removeall-vertical-icon-style:disabled:active:hover,
af|selectOrderShuttle::removeall-vertical-icon-style:disabled:active:hover {
  background-image: url("/afr/alta-v1/shuttle_up_all_dis.png");
}

af|selectManyShuttle::removeall-vertical-icon-style:hover:active,
af|selectOrderShuttle::removeall-vertical-icon-style:hover:active,
af|selectManyShuttle::removeall-vertical-icon-style:hover:active,
af|selectOrderShuttle::removeall-vertical-icon-style:hover:active {
  background-image: url("/afr/alta-v1/shuttle_up_all_dwn.png");
  background-color:-tr-property-ref(".AFButtonBackgroundActive:alias","background-color");
}

/* selectOrderShuttle specific icon images */
af|selectOrderShuttle::move-top-icon-style {
  background-image: url("/afr/alta-v1/shuttle_up_end_ena.png");
  height: 26px;
  width: auto;
  background-position: center center;
}
af|body:high-contrast af|selectOrderShuttle::move-top-icon-style:after {
  content: -tr-property-ref(".AFSelectShuttleUpEndEnabledIcon:alias","background-image");
  height: 26px;
  width: auto;
  background-position: center center;
  position: relative;
  left: 6px;
  top:6px;
}
af|body:high-contrast af|selectOrderShuttle::move-top-icon-style:after:rtl {
  content: -tr-property-ref(".AFSelectShuttleUpEndEnabledIcon:alias","background-image");
  height: 26px;
  width: auto;
  background-position: center center;
  position: relative;
  right: 6px;
  top:6px;
}
@agent (touchScreen:none) {
  af|selectOrderShuttle::move-top-icon-style:disabled:hover {
  background-image: url("/afr/alta-v1/shuttle_up_end_dis.png");
}
  af|body:high-contrast af|selectOrderShuttle::move-top-icon-style:disabled:hover:after {
  content: -tr-property-ref(".AFSelectShuttleUpEndDisabledIcon:alias","background-image");
  position: relative;
  left: 6px;
  top:6px;
}
  af|body:high-contrast af|selectOrderShuttle::move-top-icon-style:disabled:hover:after:rtl {
  content: -tr-property-ref(".AFSelectShuttleUpEndDisabledIcon:alias","background-image");
  position: relative;
  right: 6px;
  top:6px;
}
af|selectOrderShuttle::move-top-icon-style:hover {
  background-image: url("/afr/alta-v1/shuttle_up_end_ovr.png");
}
}
af|selectOrderShuttle::move-top-icon-style:disabled,
af|selectOrderShuttle::move-top-icon-style:disabled:active,
af|selectOrderShuttle::move-top-icon-style:disabled:hover,
af|selectOrderShuttle::move-top-icon-style:disabled:active:hover {
  background-image: url("/afr/alta-v1/shuttle_up_end_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,
af|body:high-contrast af|selectOrderShuttle::move-top-icon-style:disabled:hover:after,
af|body:high-contrast af|selectOrderShuttle::move-top-icon-style:disabled:active:hover:after {
  content: -tr-property-ref(".AFSelectShuttleUpEndDisabledIcon:alias","background-image");
  position: relative;
  left: 6px;
  top:6px;
}
af|body:high-contrast af|selectOrderShuttle::move-top-icon-style:disabled:after:rtl,
af|body:high-contrast af|selectOrderShuttle::move-top-icon-style:disabled:active:after:rtl,
af|body:high-contrast af|selectOrderShuttle::move-top-icon-style:disabled:hover:after:rtl,
af|body:high-contrast af|selectOrderShuttle::move-top-icon-style:disabled:active:hover:after:rtl {
  content: -tr-property-ref(".AFSelectShuttleUpEndDisabledIcon:alias","background-image");
  position: relative;
  right: 6px;
  top:6px;
}

af|selectOrderShuttle::move-top-icon-style:hover:active,
af|selectOrderShuttle::move-top-icon-style:active {
  background-image: url("/afr/alta-v1/shuttle_up_end_dwn.png");
  background-color:-tr-property-ref(".AFButtonBackgroundActive:alias","background-color");
}

af|selectOrderShuttle::move-up-icon-style {
  background-image: url("/afr/alta-v1/shuttle_up_ena.png");
  height: 26px;
  width: auto;
  background-position: center center;
}
af|body:high-contrast af|selectOrderShuttle::move-up-icon-style:after {
  content: -tr-property-ref(".AFSelectShuttleUpEnabledIcon:alias","background-image");
  height: 26px;
  width: auto;
  background-position: center center;
  position: relative;
  left: 6px;
  top:6px;
}
af|body:high-contrast af|selectOrderShuttle::move-up-icon-style:after:rtl {
  content: -tr-property-ref(".AFSelectShuttleUpEnabledIcon:alias","background-image");
  height: 26px;
  width: auto;
  background-position: center center;
  position: relative;
  right: 6px;
  top:6px;
}


@agent (touchScreen:none) {
  af|selectOrderShuttle::move-up-icon-style:disabled:hover {
  background-image: url("/afr/alta-v1/shuttle_up_dis.png");
}
af|selectOrderShuttle::move-up-icon-style:hover {
    background-image: url("/afr/alta-v1/shuttle_up_ovr.png");
}
af|body:high-contrast af|selectOrderShuttle::move-up-icon-style:disabled:hover:after {
  content: -tr-property-ref(".AFSelectShuttleUpDisabledIcon:alias","background-image");
  position: relative;
  left: 6px;
  top:6px;
}
af|body:high-contrast af|selectOrderShuttle::move-up-icon-style:disabled:hover:after:rtl {
  content: -tr-property-ref(".AFSelectShuttleUpDisabledIcon:alias","background-image");
  position: relative;
  right: 6px;
  top:6px;
}
}
af|selectOrderShuttle::move-up-icon-style:disabled,
af|selectOrderShuttle::move-up-icon-style:disabled:active,
af|selectOrderShuttle::move-up-icon-style:disabled:hover,
af|selectOrderShuttle::move-up-icon-style:disabled:active:hover {
  background-image: url("/afr/alta-v1/shuttle_up_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,
af|body:high-contrast af|selectOrderShuttle::move-up-icon-style:disabled:hover:after,
af|body:high-contrast af|selectOrderShuttle::move-up-icon-style:disabled:active:hover:after {
  content: -tr-property-ref(".AFSelectShuttleUpDisabledIcon:alias","background-image");
  position: relative;
  left: 6px;
  top:6px;
}
af|body:high-contrast af|selectOrderShuttle::move-up-icon-style:disabled:after:rtl,
af|body:high-contrast af|selectOrderShuttle::move-up-icon-style:disabled:active:after:rtl,
af|body:high-contrast af|selectOrderShuttle::move-up-icon-style:disabled:hover:after:rtl,
af|body:high-contrast af|selectOrderShuttle::move-up-icon-style:disabled:active:hover:after:rtl {
  content: -tr-property-ref(".AFSelectShuttleUpDisabledIcon:alias","background-image");
  position: relative;
  right: 6px;
  top:6px;
}

af|selectOrderShuttle::move-up-icon-style:hover:active,
af|selectOrderShuttle::move-up-icon-style:active {
  background-image: url("/afr/alta-v1/shuttle_up_dwn.png");
  background-color:-tr-property-ref(".AFButtonBackgroundActive:alias","background-color");
}

af|selectOrderShuttle::move-down-icon-style {
  background-image: url("/afr/alta-v1/shuttle_down_ena.png");
  height: 26px;
  width: auto;
  background-position: center center;
}
af|body:high-contrast af|selectOrderShuttle::move-down-icon-style:after {
  content: -tr-property-ref(".AFSelectShuttleDownEnabledIcon:alias","background-image");
  height: 26px;
  width: auto;
  background-position: center center;
  position: relative;
  left: 6px;
  top:6px;
}
af|body:high-contrast af|selectOrderShuttle::move-down-icon-style:after:rtl {
  content: -tr-property-ref(".AFSelectShuttleDownEnabledIcon:alias","background-image");
  height: 26px;
  width: auto;
  background-position: center center;
  position: relative;
  right: 6px;
  top:6px;
}
@agent (touchScreen:none) {
  af|selectOrderShuttle::move-down-icon-style:disabled:hover {
  background-image: url("/afr/alta-v1/shuttle_down_dis.png");
}
af|selectOrderShuttle::move-down-icon-style:hover {
  background-image: url("/afr/alta-v1/shuttle_down_ovr.png");
}
af|body:high-contrast af|selectOrderShuttle::move-down-icon-style:disabled:hover:after  {
  content: -tr-property-ref(".AFSelectShuttleDownDisabledIcon:alias","background-image");
  position: relative;
  left: 6px;
  top:6px;
}
af|body:high-contrast af|selectOrderShuttle::move-down-icon-style:disabled:hover:after:rtl  {
  content: -tr-property-ref(".AFSelectShuttleDownDisabledIcon:alias","background-image");
  position: relative;
  right: 6px;
  top:6px;
}
}
af|selectOrderShuttle::move-down-icon-style:disabled,
af|selectOrderShuttle::move-down-icon-style:disabled:active,
af|selectOrderShuttle::move-down-icon-style:disabled:hover,
af|selectOrderShuttle::move-down-icon-style:disabled:active:hover {
  background-image: url("/afr/alta-v1/shuttle_down_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,
af|body:high-contrast af|selectOrderShuttle::move-down-icon-style:disabled:hover:after,
af|body:high-contrast af|selectOrderShuttle::move-down-icon-style:disabled:active:hover:after {
  content: -tr-property-ref(".AFSelectShuttleDownDisabledIcon:alias","background-image");
  position: relative;
  left: 6px;
  top:6px;
}
af|body:high-contrast af|selectOrderShuttle::move-down-icon-style:disabled:after:rtl,
af|body:high-contrast af|selectOrderShuttle::move-down-icon-style:disabled:active:after:rtl,
af|body:high-contrast af|selectOrderShuttle::move-down-icon-style:disabled:hover:after:rtl,
af|body:high-contrast af|selectOrderShuttle::move-down-icon-style:disabled:active:hover:after:rtl {
  content: -tr-property-ref(".AFSelectShuttleDownDisabledIcon:alias","background-image");
  position: relative;
  right: 6px;
  top:6px;
}

af|selectOrderShuttle::move-down-icon-style:hover:active,
af|selectOrderShuttle::move-down-icon-style:active {
  background-image: url("/afr/alta-v1/shuttle_down_dwn.png");
  background-color:-tr-property-ref(".AFButtonBackgroundActive:alias","background-color");
}

af|selectOrderShuttle::move-bottom-icon-style {
  background-image: url("/afr/alta-v1/shuttle_down_end_ena.png");
  height: 26px;
  width: auto;
  background-position: center center;
}
af|body:high-contrast af|selectOrderShuttle::move-bottom-icon-style:after {
  content: -tr-property-ref(".AFSelectShuttleDownEndEnabledIcon:alias","background-image");
  height: 26px;
  width: auto;
  background-position: center center;
  position: relative;
  left: 6px;
  top:6px;
}
af|body:high-contrast af|selectOrderShuttle::move-bottom-icon-style:after:rtl {
  content: -tr-property-ref(".AFSelectShuttleDownEndEnabledIcon:alias","background-image");
  height: 26px;
  width: auto;
  background-position: center center;
  position: relative;
  right: 6px;
  top:6px;
}
@agent (touchScreen:none) {
  af|selectOrderShuttle::move-bottom-icon-style:disabled:hover {
  background-image: url("/afr/alta-v1/shuttle_down_end_dis.png");
}
af|selectOrderShuttle::move-bottom-icon-style:hover {
  background-image: url("/afr/alta-v1/shuttle_down_end_ovr.png");
}
af|body:high-contrast af|selectOrderShuttle::move-bottom-icon-style:disabled:hover:after {
  content: -tr-property-ref(".AFSelectShuttleDownEndDisabledIcon:alias","background-image");
  position: relative;
  left: 6px;
  top:6px;
}
af|body:high-contrast af|selectOrderShuttle::move-bottom-icon-style:disabled:hover:after:rtl {
  content: -tr-property-ref(".AFSelectShuttleDownEndDisabledIcon:alias","background-image");
  position: relative;
  right: 6px;
  top:6px;
}
}
af|selectOrderShuttle::move-bottom-icon-style:disabled,
af|selectOrderShuttle::move-bottom-icon-style:disabled:active,
af|selectOrderShuttle::move-bottom-icon-style:disabled:hover,
af|selectOrderShuttle::move-bottom-icon-style:disabled:active:hover {
  background-image: url("/afr/alta-v1/shuttle_down_end_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,
af|body:high-contrast af|selectOrderShuttle::move-bottom-icon-style:disabled:hover:after,
af|body:high-contrast af|selectOrderShuttle::move-bottom-icon-style:disabled:active:hover:after {
  content: -tr-property-ref(".AFSelectShuttleDownEndDisabledIcon:alias","background-image");
  position: relative;
  left: 6px;
  top:6px;
}
af|body:high-contrast af|selectOrderShuttle::move-bottom-icon-style:disabled:after:rtl,
af|body:high-contrast af|selectOrderShuttle::move-bottom-icon-style:disabled:active:after:rtl,
af|body:high-contrast af|selectOrderShuttle::move-bottom-icon-style:disabled:hover:after:rtl,
af|body:high-contrast af|selectOrderShuttle::move-bottom-icon-style:disabled:active:hover:after:rtl {
  content: -tr-property-ref(".AFSelectShuttleDownEndDisabledIcon:alias","background-image");
  position: relative;
  right: 6px;
  top:6px;
}

af|selectOrderShuttle::move-bottom-icon-style:hover:active,
af|selectOrderShuttle::move-bottom-icon-style:active {
  background-image: url("/afr/alta-v1/shuttle_down_end_dwn.png");
  background-color:-tr-property-ref(".AFButtonBackgroundActive:alias","background-color");
}

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;
  cursor:default;
  background-repeat: no-repeat;
}
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;
  cursor:default;
  background-repeat: no-repeat;
}
@agent ie and (version: 7.0) {
  af|selectOrderShuttle::container,
  af|selectManyShuttle::container {
    background-color: transparent;
  }
}

/* end of shuttle styles */

/* Start of slider */

@agent gecko {
  af|inputNumberSlider:read-only::content,
  af|inputRangeSlider:read-only::content,
  af|inputNumberSlider:read-only:vertical::content,
  af|inputRangeSlider:read-only:vertical::content {
    position: relative;
    top: 1px;
  }
}

af|inputNumberSlider .AFPanelFormLayoutContentCell,
af|inputRangeSlider .AFPanelFormLayoutContentCell {
  /*TODO ALTA*/ 
}
af|inputNumberSlider:read-only .AFPanelFormLayoutContentCell,
af|inputRangeSlider:read-only .AFPanelFormLayoutContentCell {
  /*TODO ALTA*/ 
}
@agent webkit {
  af|inputNumberSlider .AFPanelFormLayoutContentCell,
  af|inputRangeSlider .AFPanelFormLayoutContentCell {
    /*TODO ALTA*/ 
  }
}
af|inputNumberSlider:vertical .AFPanelFormLayoutContentCell,
af|inputRangeSlider:vertical .AFPanelFormLayoutContentCell {
  /*TODO ALTA*/ 
}
af|inputNumberSlider  .AFPanelFormLayoutContentCell:rtl,
af|inputRangeSlider  .AFPanelFormLayoutContentCell:rtl {
  /*TODO ALTA*/ 
}
af|inputNumberSlider:read-only  .AFPanelFormLayoutContentCell:rtl,
af|inputRangeSlider:read-only  .AFPanelFormLayoutContentCell:rtl {
  /*TODO ALTA*/ 
}
af|panelLabelAndMessage::content-cell.AFPanelFormLayoutContentCell af|inputNumberSlider,
af|panelLabelAndMessage::content-cell.AFPanelFormLayoutContentCell af|inputRangeSlider {
  /*TODO ALTA*/ 
}
af|panelLabelAndMessage::content-cell.AFPanelFormLayoutContentCell af|inputNumberSlider:read-only,
af|panelLabelAndMessage::content-cell.AFPanelFormLayoutContentCell af|inputRangeSlider:read-only {
  /*TODO ALTA*/ 
}
af|panelLabelAndMessage::content-cell.AFPanelFormLayoutContentCell af|inputNumberSlider:rtl,
af|panelLabelAndMessage::content-cell.AFPanelFormLayoutContentCell af|inputRangeSlider:rtl {
  /*TODO ALTA*/ 
}
af|panelLabelAndMessage::content-cell.AFPanelFormLayoutContentCell af|inputNumberSlider:read-only:rtl,
af|panelLabelAndMessage::content-cell.AFPanelFormLayoutContentCell af|inputRangeSlider:read-only:rtl {
  /*TODO ALTA*/ 
}

af|inputNumberSlider:playable::content,
af|inputRangeSlider:playable::content {
  height: 89px;
}

@agent ie {
  af|inputNumberSlider:playable::content,
  af|inputRangeSlider:playable::content {
    height: 93px;
  }
}

@agent webkit {
  af|inputNumberSlider:playable::content,
  af|inputRangeSlider:playable::content {
    height: 90px;
  }
}

/* Safari specific */
@agent webkit and (version: 534.*) {
  af|inputNumberSlider:playable::content,
  af|inputRangeSlider:playable::content {
    height: 91px;
  }
}

af|inputNumberSlider::content,
af|inputRangeSlider::content {
  -tr-rule-ref: selector(".AFTextColor:alias");
}
af|inputNumberSlider::bar,
af|inputRangeSlider::bar {
  height: 12px;
  border: none;
  background-color: transparent;
  top: 0px;
}
af|inputNumberSlider::label,
af|inputRangeSlider::label {
  padding-top: 1px;
  padding-right: 8px;
}

af|inputNumberSlider::label:rtl,
af|inputRangeSlider::label:rtl {
  padding-right: 0px;
  padding-left: 8px;
}

af|inputNumberSlider:read-only::label,
af|inputRangeSlider:read-only::label {
  padding-right: 12px;
}

af|inputNumberSlider:read-only::label:rtl,
af|inputRangeSlider:read-only::label:rtl {
  padding-right: 0px;
  padding-left: 12px;
}

af|inputNumberSlider:vertical::label,
af|inputRangeSlider:vertical::label {
  padding-right: 8px;
}

@agent ie and (version: 9) {
  af|inputNumberSlider::label,
  af|inputRangeSlider::label {
    padding-top: 2px;
  }
  
  af|inputNumberSlider:read-only::label,
  af|inputRangeSlider:read-only::label {
    padding-top: 1px;
  }
}
af|inputNumberSlider::bar-outer-border,
af|inputRangeSlider::bar-outer-border {
  left: 18px;
  padding-left: 6px;
  padding-right: 8px;
  background-color: -tr-property-ref(".AFFormControlContentColor:alias","color");
  border: 1px solid  -tr-property-ref(".AFFormControlContentBorderColor:alias","color");
  border-left: none;
  border-right:none;
}

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/alta-v1/slider_thumb_vert_ena.png');
  background-repeat: no-repeat;
  height: 17px;
  width: 14px;
  top: -1px;
  z-index: 1;
}

af|inputNumberSlider::plus-icon-style,
af|inputRangeSlider::plus-icon-style {
  background-image: url('/afr/alta-v1/slider_Hincrease_ena.png');
  border: 1px solid  -tr-property-ref(".AFFormControlContentBorderColor:alias","color");
  background-color: -tr-property-ref(".AFFormControlContentColor:alias","color");
  background-position: center center;
  border-radius: 0 -tr-property-ref(".AFButtonBorder:alias","border-radius") -tr-property-ref(".AFButtonBorder:alias","border-radius") 0;
  border-left-width: 0;
  height: 12px;
  width: 18px;
  position: absolute;
  top: 3px;
  right: -4px;
}

af|body:high-contrast af|inputNumberSlider::plus-icon-style:after,
af|body:high-contrast af|inputRangeSlider::plus-icon-style:after {
  content: url('/afr/alta-v1/slider_Hincrease_ena.png');
}

af|inputNumberSlider::plus-icon-style:rtl,
af|inputRangeSlider::plus-icon-style:rtl {
  right: auto;
  left: 0;
  top: 3px;
  border-radius: -tr-property-ref(".AFButtonBorder:alias","border-radius") 0 0 -tr-property-ref(".AFButtonBorder:alias","border-radius");
  border-left-width: 1px;
  border-right-width: 0;
}

@agent (touchScreen:none) {
  af|inputNumberSlider::plus-icon-style:hover,
  af|inputRangeSlider::plus-icon-style:hover {
    background-image: url('/afr/alta-v1/slider_Hincrease_ovr.png');
  }
  af|body:high-contrast af|inputNumberSlider::plus-icon-style:hover:after,
  af|body:high-contrast af|inputRangeSlider::plus-icon-style:hover:after {
    content: url('/afr/alta-v1/slider_Hincrease_ovr.png');
  }
  
  af|inputNumberSlider::plus-icon-style:hover:rtl,
  af|inputRangeSlider::plus-icon-style:hover:rtl {
    background-image: url('/afr/alta-v1/slider_Hincrease_ovr.png');
  }
  af|body:high-contrast af|inputNumberSlider::plus-icon-style:hover:rtl:after,
  af|body:high-contrast af|inputRangeSlider::plus-icon-style:hover:rtl:after {
    content: url('/afr/alta-v1/slider_Hincrease_ovr.png');
  }
 
  af|inputNumberSlider::plus-icon-style:depressed:hover,
  af|inputRangeSlider::plus-icon-style:depressed:hover {
   background-image: url('/afr/alta-v1/slider_Hincrease_dwn.png');
  }
  af|body:high-contrast af|inputNumberSlider::plus-icon-style:depressed:hover:after,
  af|body:high-contrast af|inputRangeSlider::plus-icon-style:depressed:hover:after {
   content: url('/afr/alta-v1/slider_Hincrease_dwn.png');
  }
  
  af|inputNumberSlider::minus-icon-style:hover,
  af|inputRangeSlider::minus-icon-style:hover {
    background-image: url('/afr/alta-v1/slider_Hdecrease_ovr.png');
  }
  af|body:high-contrast af|inputNumberSlider::minus-icon-style:hover:after,
  af|body:high-contrast af|inputRangeSlider::minus-icon-style:hover:after {
   content: url('/afr/alta-v1/slider_Hdecrease_ovr.png');
  }
  
  af|inputNumberSlider::minus-icon-style:hover:rtl,
  af|inputRangeSlider::minus-icon-style:hover:rtl {
    background-image: url('/afr/alta-v1/slider_Hdecrease_ovr.png');
  }
  af|body:high-contrast af|inputNumberSlider::minus-icon-style:hover:rtl:after,
  af|body:high-contrast af|inputRangeSlider::minus-icon-style:hover:rtl:after {
   content: url('/afr/alta-v1/slider_Hdecrease_ovr.png');
  }
  
  af|inputNumberSlider::minus-icon-style:depressed:hover,
  af|inputRangeSlider::minus-icon-style:depressed:hover {
    background-image: url('/afr/alta-v1/slider_Hdecrease_dwn.png');
  }
  af|body:high-contrast af|inputNumberSlider::minus-icon-style:depressed:hover:after,
  af|body:high-contrast af|inputRangeSlider::minus-icon-style:depressed:hover:after {
   content: url('/afr/alta-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/alta-v1/slider_Hdecrease_dis.png');
  }
  af|body:high-contrast af|inputNumberSlider:disabled::minus-icon-style:hover:after,
  af|body:high-contrast af|inputRangeSlider:disabled::minus-icon-style:hover:after,
  af|body:high-contrast af|inputNumberSlider:disabled::minus-icon-style:depressed:hover:after,
  af|body:high-contrast af|inputRangeSlider:disabled::minus-icon-style:depressed:hover:after,
  af|body:high-contrast af|inputNumberSlider::minus-icon-style:disabled:depressed:hover:after,
  af|body:high-contrast af|inputRangeSlider::minus-icon-style:disabled:depressed:hover:after {
    content: url('/afr/alta-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/alta-v1/slider_Hincrease_dis.png');
  }
  af|body:high-contrast af|inputNumberSlider:disabled::plus-icon-style:hover:after,
  af|body:high-contrast af|inputRangeSlider:disabled::plus-icon-style:hover:after,
  af|body:high-contrast af|inputNumberSlider:disabled::plus-icon-style:depressed:hover:after,
  af|body:high-contrast af|inputRangeSlider:disabled::plus-icon-style:depressed:hover:after,
  af|body:high-contrast af|inputNumberSlider::plus-icon-style:disabled:depressed:hover:after,
  af|body:high-contrast af|inputRangeSlider::plus-icon-style:disabled:depressed:hover:after{
    content: url('/afr/alta-v1/slider_Hdecrease_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/alta-v1/slider_decrease_dis.png');
  }
  af|body:high-contrast af|inputNumberSlider:vertical:disabled::minus-icon-style:hover:after,
  af|body:high-contrast af|inputRangeSlider:vertical:disabled::minus-icon-style:hover:after,
  af|body:high-contrast af|inputNumberSlider:vertical:disabled::minus-icon-style:depressed:hover:after,
  af|body:high-contrast af|inputRangeSlider:vertical:disabled::minus-icon-style:depressed:hover:after,
  af|body:high-contrast af|inputNumberSlider:vertical::minus-icon-style:disabled:depressed:hover:after,
  af|body:high-contrast af|inputRangeSlider:vertical::minus-icon-style:disabled:depressed:hover:after {
    content: url('/afr/alta-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/alta-v1/slider_increase_dis.png');
  }
  af|body:high-contrast af|inputNumberSlider:vertical:disabled::plus-icon-style:hover:after,
  af|body:high-contrast af|inputRangeSlider:vertical:disabled::plus-icon-style:hover:after,
  af|body:high-contrast af|inputNumberSlider:vertical:disabled::plus-icon-style:depressed:hover:after,
  af|body:high-contrast af|inputRangeSlider:vertical:disabled::plus-icon-style:depressed:hover:after,
  af|body:high-contrast af|inputNumberSlider:vertical::plus-icon-style:disabled:depressed:hover:after,
  af|body:high-contrast af|inputRangeSlider:vertical::plus-icon-style:disabled:depressed:hover:after {
    content: url('/afr/alta-v1/slider_increase_dis.png');
  }
}
af|inputNumberSlider::plus-icon-style:depressed,
af|inputRangeSlider::plus-icon-style:depressed {
  background-image: url('/afr/alta-v1/slider_Hincrease_dwn.png');
  position: absolute;
}
af|body:high-contrast af|inputNumberSlider::plus-icon-style:depressed:after,
af|body:high-contrast af|inputRangeSlider::plus-icon-style:depressed:after {
  content: url('/afr/alta-v1/slider_Hincrease_dwn.png');
}


af|inputNumberSlider::plus-icon-style:depressed:rtl,
af|inputRangeSlider::plus-icon-style:depressed:rtl {
  background-image: url('/afr/alta-v1/slider_Hincrease_dwn.png');
}
af|body:high-contrast af|inputNumberSlider::plus-icon-style:depressed:rtl:after,
af|body:high-contrast af|inputRangeSlider::plus-icon-style:depressed:rtl:after {
  content: url('/afr/alta-v1/slider_Hincrease_dwn.png');
}

af|inputNumberSlider::minus-icon-style,
af|inputRangeSlider::minus-icon-style {
  background-image: url('/afr/alta-v1/slider_Hdecrease_ena.png');
  border: 1px solid  -tr-property-ref(".AFFormControlContentBorderColor:alias","color");
  background-color: -tr-property-ref(".AFFormControlContentColor:alias","color");
  background-position: center center;
  border-right-width: 0;
  height: 12px;
  width: 18px;
  border-radius: -tr-property-ref(".AFButtonBorder:alias","border-radius") 0  0 -tr-property-ref(".AFButtonBorder:alias","border-radius");
  position: absolute;
  top: 3px;
  left: 0px;
}
af|body:high-contrast af|inputNumberSlider::minus-icon-style:after,
af|body:high-contrast af|inputRangeSlider::minus-icon-style:after {
  content: url('/afr/alta-v1/slider_Hdecrease_ena.png');
}

@agent ie and (version: 9){
  af|inputNumberSlider::minus-icon-style,
  af|inputRangeSlider::minus-icon-style {
    left: 2px;
  }
}

af|inputNumberSlider::minus-icon-style:rtl,
af|inputRangeSlider::minus-icon-style:rtl {
  background-image: url('/afr/alta-v1/slider_Hdecrease_ena.png');
  border: 1px solid  -tr-property-ref(".AFFormControlContentBorderColor:alias","color");
  border-right-width: 1px;
  border-left-width: 0;
  border-radius: -tr-property-ref(".AFButtonBorder:alias","border-radius") 0  0 -tr-property-ref(".AFButtonBorder:alias","border-radius");
  left: auto;
  right: -4px;
}
af|body:high-contrast af|inputNumberSlider::minus-icon-style:rtl:after,
af|body:high-contrast af|inputRangeSlider::minus-icon-style:rtl:after {
  content: url('/afr/alta-v1/slider_Hdecrease_ena.png');
}

af|inputNumberSlider::minus-icon-style:depressed,
af|inputRangeSlider::minus-icon-style:depressed {
  background-image: url('/afr/alta-v1/slider_Hdecrease_dwn.png');
  position: absolute;
}
af|body:high-contrast af|inputNumberSlider::minus-icon-style:depressed:after,
af|body:high-contrast af|inputRangeSlider::minus-icon-style:depressed:after {
  content: url('/afr/alta-v1/slider_Hdecrease_dwn.png');
}

af|inputNumberSlider::minus-icon-style:depressed:rtl,
af|inputRangeSlider::minus-icon-style:depressed:rtl {
  background-image: url('/afr/alta-v1/slider_Hdecrease_dwn.png');
  position: absolute;
}
af|body:high-contrast af|inputNumberSlider::minus-icon-style:depressed:rtl:after,
af|body:high-contrast af|inputRangeSlider::minus-icon-style:depressed:rtl:after {
  content: url('/afr/alta-v1/slider_Hdecrease_dwn.png');
}

af|inputRangeSlider::range {
  background-color: -tr-property-ref(".AFActiveColor:alias","color");
  height: 12px;
  top: 0;
}
af|inputNumberSlider::thumb-value-line,
af|inputRangeSlider::thumb-value-line {
  border-color: -tr-property-ref(".AFTextSecondaryColor:alias","color");
  height: 18px;
  top: 17px;
}
af|inputNumberSlider::thumb-value,
af|inputRangeSlider::thumb-value {
  color: -tr-property-ref(".AFTextPrimaryColor:alias","color");
  -tr-rule-ref: selector(".AFDefaultFont:alias");
  border-top: solid 1px -tr-property-ref(".AFTextSecondaryColor:alias","color");
  font-size: -2;
  line-height: 10px;
  padding-top: 3px;
}

@agent gecko {
  af|inputNumberSlider::thumb-value,
  af|inputRangeSlider::thumb-value {
    padding-top: 2px;
  }
}

/* Safari specific */
@agent webkit and (version: 534.*) {
  af|inputNumberSlider::thumb-value,
  af|inputRangeSlider::thumb-value {
    padding-top: 2px;
  }
}

af|inputNumberSlider::zero-tick,
af|inputRangeSlider::zero-tick {
  border-color: -tr-property-ref(".AFSliderTickMarkZeroColor:alias","color");
  top: 1px;
  height: 8px;
}
af|inputNumberSlider::major-tick,
af|inputRangeSlider::major-tick,
af|inputNumberSlider::minor-tick,
af|inputRangeSlider::minor-tick { 
  border-color: -tr-property-ref(".AFSliderTickMarkColor:alias","color");
  top: 1px;
}

af|inputNumberSlider::minor-tick,
af|inputRangeSlider::minor-tick {
  height: 5px;
}

af|inputNumberSlider::major-tick,
af|inputRangeSlider::major-tick {
  height: 8px;
}

af|inputNumberSlider::tick-value-zero,
af|inputRangeSlider::tick-value-zero,
af|inputNumberSlider::tick-value,
af|inputRangeSlider::tick-value {
  -tr-rule-ref: selector(".AFDefaultFont:alias");
  -tr-inhibit: padding-top;
  font-size:-2;
  line-height: 10px;
  top: 12px;
}

/* Safari specific */
@agent webkit and (version: 534.*) {
  af|inputNumberSlider::tick-value-zero,
  af|inputRangeSlider::tick-value-zero,
  af|inputNumberSlider::tick-value,
  af|inputRangeSlider::tick-value {
    top: 11px;
  }
}

af|inputNumberSlider:vertical::tick-value-zero,
af|inputRangeSlider:vertical::tick-value-zero,
af|inputNumberSlider:vertical::tick-value,
af|inputRangeSlider:vertical::tick-value {
  right: 9px;
}

@agent ie {
  af|inputNumberSlider:vertical::tick-value-zero,
  af|inputRangeSlider:vertical::tick-value-zero,
  af|inputNumberSlider:vertical::tick-value,
  af|inputRangeSlider:vertical::tick-value {
    right: 10px;
  }
  af|inputNumberSlider:vertical::tick-value-zero:rtl,
  af|inputRangeSlider:vertical::tick-value-zero:rtl,
  af|inputNumberSlider:vertical::tick-value:rtl,
  af|inputRangeSlider:vertical::tick-value :rtl{
    right: auto;
  }
}

af|inputNumberSlider:vertical::tick-value-zero:rtl,
af|inputRangeSlider:vertical::tick-value-zero:rtl,
af|inputNumberSlider:vertical::tick-value:rtl,
af|inputRangeSlider:vertical::tick-value:rtl {
  right: auto;
}

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(".AFTextTertiaryColor: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: 12px;
  border: none;
  background-color:transparent;
  position: absolute;
}
af|inputNumberSlider:vertical::bar-outer-border,
af|inputRangeSlider:vertical::bar-outer-border {
  border: 1px solid -tr-property-ref(".AFFormControlContentBorderColor:alias","color");
  background-color: -tr-property-ref(".AFFormControlContentColor:alias","color");  
  border-top: none;
  border-bottom: none;
  padding-left: 0px;
  padding-right: 0px;
  margin: 8px 0px;
  right: 18px;
  bottom: 18px;
  top: 18px;
  width: 12px;
}

af|inputNumberSlider:vertical::bar-outer-border:rtl,
af|inputRangeSlider:vertical::bar-outer-border:rtl {
  right: auto;
  left: 18px;
}

af|inputNumberSlider:vertical::bar-inner-border,
af|inputRangeSlider:vertical::bar-inner-border {
  border: none;
}
af|inputNumberSlider:vertical::thumb-icon-style,
af|inputRangeSlider:vertical::thumb-icon-style {
  background-image: url('/afr/alta-v1/slider_thumb_horiz_left_ena.png');
  background-repeat: no-repeat;
  height: 14px;
  width: 17px;
  top: auto;
  right: -1px;
  z-index: 1;
}

af|inputNumberSlider:vertical::thumb-icon-style:rtl,
af|inputRangeSlider:vertical::thumb-icon-style:rtl {
  background-image: url('/afr/alta-v1/slider_thumb_horiz_left_ena_rtl.png');
  right: auto;
  left: -1px;
}
af|inputNumberSlider:vertical::thumb-value-line,
af|inputRangeSlider:vertical::thumb-value-line {
  border-color: -tr-property-ref(".AFTextSecondaryColor:alias","color");
  padding-right: 1px;
  width: 20px;
  top: 45%;
}
af|inputNumberSlider:vertical::thumb-value,
af|inputRangeSlider:vertical::thumb-value {
  border-color: -tr-property-ref(".AFTextSecondaryColor:alias","color");
  color: -tr-property-ref(".AFTextPrimaryColor:alias","color");
  -tr-rule-ref: selector(".AFDefaultFont:alias");
  font-size: -2;
  line-height: 10px;
  padding-right: 4px;
}

@agent ie and (version: 9.0) {
  af|inputNumberSlider:vertical::thumb-value,
  af|inputRangeSlider:vertical::thumb-value {
    padding-right: 5px;
  }
}

af|inputNumberSlider:vertical::plus-icon-style,
af|inputRangeSlider:vertical::plus-icon-style {
  background-image: url('/afr/alta-v1/slider_increase_ena.png');
  border: 1px solid  -tr-property-ref(".AFFormControlContentBorderColor:alias","color");
  background-color:  -tr-property-ref(".AFFormControlContentColor:alias","color");
  background-position: center center;
  border-radius: -tr-property-ref(".AFButtonBorder:alias","border-radius") -tr-property-ref(".AFButtonBorder:alias","border-radius") 0 0;
  border-bottom: none;
  height: 26px;
  width: 12px;
  position: absolute;
  top: 0px;
  right: 18px;
}

af|inputNumberSlider:vertical::plus-icon-style:rtl,
af|inputRangeSlider:vertical::plus-icon-style:rtl {
  right: auto;
  left: 18px;
}

af|inputNumberSlider:vertical::plus-icon-style:depressed,
af|inputRangeSlider:vertical::plus-icon-style:depressed {
  background-image: url('/afr/alta-v1/slider_increase_dwn.png');
}
af|inputNumberSlider:vertical::minus-icon-style,
af|inputRangeSlider:vertical::minus-icon-style {
  background-image: url('/afr/alta-v1/slider_decrease_ena.png');
  border: 1px solid  -tr-property-ref(".AFFormControlContentBorderColor:alias","color");
  background-color:  -tr-property-ref(".AFFormControlContentColor:alias","color");
  background-position: center center;
  border-radius: -tr-property-ref(".AFButtonBorder:alias","border-radius");
  border-top: none;
  height: 26px;
  width: 12px;
  position: absolute;
  top: auto;
  bottom: 0px;
  right: 18px;
}

af|inputNumberSlider:vertical::minus-icon-style:rtl,
af|inputRangeSlider:vertical::minus-icon-style:rtl {
  right: auto;
  left: 18px;
}

@agent (touchScreen:none) {
  af|inputNumberSlider:vertical::plus-icon-style:hover,
  af|inputRangeSlider:vertical::plus-icon-style:hover {
    background-image: url('/afr/alta-v1/slider_increase_ovr.png');
  }
  af|inputNumberSlider:vertical::minus-icon-style:hover,
  af|inputRangeSlider:vertical::minus-icon-style:hover {
    background-image: url('/afr/alta-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/alta-v1/slider_increase_ovr.png');
  }
  af|inputNumberSlider:vertical::minus-icon-style:hover:rtl,
  af|inputRangeSlider:vertical::minus-icon-style:hover:rtl {
    background-image: url('/afr/alta-v1/slider_decrease_ovr.png');
  }
  af|inputNumberSlider:vertical::minus-icon-style:depressed:hover,
  af|inputRangeSlider:vertical::minus-icon-style:depressed:hover {
    background-image: url('/afr/alta-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/alta-v1/slider_increase_dwn.png');
  }
}
af|inputNumberSlider:vertical::minus-icon-style:depressed,
af|inputRangeSlider:vertical::minus-icon-style:depressed {
  background-image: url('/afr/alta-v1/slider_decrease_dwn.png');
}
af|inputNumberSlider:vertical::plus-icon-style:depressed,
af|inputRangeSlider:vertical::plus-icon-style:depressed {
  background-image: url('/afr/alta-v1/slider_increase_dwn.png');
}
af|inputRangeSlider:vertical::range {
  background-color: -tr-property-ref(".AFSelectedColor:alias","color");
  height: auto;
  width: 12px;
  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-color: -tr-property-ref(".AFSliderTickMarkColor:alias","color");
}

af|inputNumberSlider:vertical::minor-tick,
af|inputRangeSlider:vertical::minor-tick {
  width: 4px;
  right: 1px;
}

af|inputNumberSlider:vertical::zero-tick,
af|inputRangeSlider:vertical::zero-tick,
af|inputNumberSlider:vertical::major-tick,
af|inputRangeSlider:vertical::major-tick {
  width: 7px;
  right: 1px;
}

af|inputNumberSlider:vertical::zero-tick:rtl,
af|inputRangeSlider:vertical::zero-tick:rtl,
af|inputNumberSlider:vertical::major-tick:rtl,
af|inputRangeSlider:vertical::major-tick :rtl,
af|inputNumberSlider:vertical::minor-tick:rtl,
af|inputRangeSlider:vertical::minor-tick :rtl{
  right: auto;
}
af|inputRangeSlider:vertical::range {
  background-color: -tr-property-ref(".AFActiveColor:alias","color");
}

af|inputNumberSlider:vertical::tick-value-zero,
af|inputRangeSlider:vertical::tick-value-zero {
  color: -tr-property-ref(".AFTextColor:alias","color");
  -tr-rule-ref: selector(".AFDefaultFont:alias");
  font-size: -2;
}

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-color: -tr-property-ref(".AFFormControlContentDisabledColor:alias","color");
  border: 1px solid -tr-property-ref(".AFFormControlContentBorderDisabledColor:alias","color");
}
af|inputNumberSlider:disabled:vertical::bar-outer-border,
af|inputRangeSlider:disabled:vertical::bar-outer-border {
  background-color: -tr-property-ref(".AFFormControlContentDisabledColor:alias","color");
  border: 1px solid -tr-property-ref(".AFFormControlContentBorderDisabledColor:alias","color");
}
af|inputRangeSlider:disabled::range {
  background-color: -tr-property-ref(".AFSliderHighlightDisabledColor:alias","color");
}
af|inputRangeSlider:disabled:vertical::range {
  background-color: -tr-property-ref(".AFSliderHighlightDisabledColor:alias","color");
}
af|inputNumberSlider:disabled::thumb-icon-style,
af|inputRangeSlider:disabled::thumb-icon-style {
  background-image: url('/afr/alta-v1/slider_thumb_vert_dis.png');
}
af|inputNumberSlider:vertical:disabled::thumb-icon-style,
af|inputRangeSlider:vertical:disabled::thumb-icon-style {
  background-image: url('/afr/alta-v1/slider_thumb_horiz_left_dis.png');
}
af|inputNumberSlider:vertical:disabled::thumb-icon-style:rtl,
af|inputRangeSlider:vertical:disabled::thumb-icon-style:rtl {
  background-image: url('/afr/alta-v1/slider_thumb_horiz_left_dis_rtl.png');
}
af|inputNumberSlider::minus-icon-style:disabled,
af|inputRangeSlider::minus-icon-style:disabled,
af|inputNumberSlider::plus-icon-style:disabled,
af|inputRangeSlider::plus-icon-style:disabled,
af|inputNumberSlider:vertical::minus-icon-style:disabled,
af|inputRangeSlider:vertical::minus-icon-style:disabled,
af|inputNumberSlider:vertical::plus-icon-style:disabled,
af|inputRangeSlider:vertical::plus-icon-style:disabled {
  background-color: -tr-property-ref(".AFFormControlContentDisabledColor:alias","color");
  border: 1px solid -tr-property-ref(".AFFormControlContentBorderDisabledColor:alias","color");
}

@agent (touchScreen:none) {
  af|inputNumberSlider::minus-icon-style:disabled:hover,
  af|inputRangeSlider::minus-icon-style:disabled:hover {
    background-image: url('/afr/alta-v1/slider_Hdecrease_dis.png');
  }
  af|inputNumberSlider::plus-icon-style:disabled:hover,
  af|inputRangeSlider::plus-icon-style:disabled:hover {
    background-image: url('/afr/alta-v1/slider_Hincrease_dis.png');
  }
  af|inputNumberSlider::plus-icon-style:disabled:hover:rtl,
  af|inputRangeSlider::plus-icon-style:disabled:hover:rtl {
    background-image: url('/afr/alta-v1/slider_Hincrease_dis_rtl.png');
  }
  af|inputNumberSlider:vertical::minus-icon-style:disabled:hover,
  af|inputRangeSlider:vertical::minus-icon-style:disabled:hover {
    background-image: url('/afr/alta-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/alta-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/alta-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/alta-v1/slider_Hdecrease_dis.png');
  background-color: -tr-property-ref(".AFFormControlContentDisabledColor:alias","color");
  border: 1px solid -tr-property-ref(".AFFormControlContentBorderDisabledColor:alias","color");
}
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/alta-v1/slider_Hincrease_dis.png');
  background-color: -tr-property-ref(".AFFormControlContentDisabledColor:alias","color");
  border: 1px solid -tr-property-ref(".AFFormControlContentBorderDisabledColor:alias","color");
}
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/alta-v1/slider_Hincrease_dis.png');
  background-color: -tr-property-ref(".AFFormControlContentDisabledColor:alias","color");
  border: 1px solid -tr-property-ref(".AFFormControlContentBorderDisabledColor:alias","color");
}
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/alta-v1/slider_decrease_dis.png');
  background-color: -tr-property-ref(".AFFormControlContentDisabledColor:alias","color");
  border: 1px solid -tr-property-ref(".AFFormControlContentBorderDisabledColor:alias","color");
}
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/alta-v1/slider_decrease_dis.png');
  background-color: -tr-property-ref(".AFFormControlContentDisabledColor:alias","color");
  border: 1px solid -tr-property-ref(".AFFormControlContentBorderDisabledColor:alias","color");
}
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/alta-v1/slider_increase_dis.png');
  background-color: -tr-property-ref(".AFFormControlContentDisabledColor:alias","color");
  border: 1px solid -tr-property-ref(".AFFormControlContentBorderDisabledColor:alias","color");
}

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(".AFLabelColor: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");
  border-color: -tr-property-ref(".AFSliderDisabledColor: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(".AFTextDisabledColor: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(".AFTextDisabledColor:alias","color");
}

af|inputNumberSlider::play-icon-style,
af|inputRangeSlider::play-icon-style,
af|inputNumberSlider::pause-icon-style,
af|inputRangeSlider::pause-icon-style {
  -tr-rule-ref: selector(".AFButtonBorder:alias");
  background-color: -tr-property-ref(".AFButtonBackground:alias","background-color"); 
  background-repeat: no-repeat;
  background-position: center center;
  height: 28px;
  width: 28px;
  padding-left: 8px;
  padding-right: 8px;
  vertical-align: middle;
}
af|inputNumberSlider::play-icon-style,
af|inputRangeSlider::play-icon-style {
  background-image: url("/afr/alta-v1/play_ena.png"),-tr-property-ref(".AFButtonBackground:alias","background-image");
}

af|inputNumberSlider::pause-icon-style,
af|inputRangeSlider::pause-icon-style {
  background-image: url("/afr/alta-v1/pause_ena.png"),-tr-property-ref(".AFButtonBackground:alias","background-image");
}

@agent ie {
  af|inputNumberSlider::play-icon-style,
  af|inputRangeSlider::play-icon-style,
  af|inputNumberSlider::pause-icon-style,
  af|inputRangeSlider::pause-icon-style {
    background-color: -tr-property-ref(".AFButtonGradientEndColor:alias","color");
  }
}

@agent gecko {
  af|inputNumberSlider::play-icon-style,
  af|inputRangeSlider::play-icon-style,
  af|inputNumberSlider::pause-icon-style,
  af|inputRangeSlider::pause-icon-style {
    -tr-inhibit: box-sizing;
    -moz-box-sizing: border-box;
  }
}

@agent webkit {
  af|inputNumberSlider::play-icon-style,
  af|inputRangeSlider::play-icon-style,
  af|inputNumberSlider::pause-icon-style,
  af|inputRangeSlider::pause-icon-style {
    -tr-inhibit: box-sizing;
    -webkit-box-sizing: border-box;
  }
}

@agent (touchScreen:none) {
af|inputNumberSlider::play-icon-style:hover,
af|inputRangeSlider::play-icon-style:hover {
  background-image: url('/afr/alta-v1/play_ovr.png'), -tr-property-ref(".AFButtonBackgroundHover:alias","background-image");
  background-color: -tr-property-ref(".AFButtonBackgroundHover:alias","background-color"); 
  border: 1px solid -tr-property-ref(".AFButtonBorderHoverColor:alias","color");
}
af|inputNumberSlider::play-icon-style:hover:active,
af|inputRangeSlider::play-icon-style:hover:active {
  background-image: url('/afr/alta-v1/play_dwn.png'), -tr-property-ref(".AFButtonBackgroundActive:alias","background-image");
  background-color: -tr-property-ref(".AFButtonBackgroundActive:alias","background-color");
}
af|inputNumberSlider:disabled::play-icon-style:hover,
af|inputNumberSlider::play-icon-style:hover:disabled,
af|inputRangeSlider:disabled::play-icon-style:hover,
af|inputRangeSlider::play-icon-style:hover:disabled {
  background-image: url('/afr/alta-v1/play_dis.png'), -tr-property-ref(".AFButtonBackgroundDisabled:alias","background-image");
  background-color: -tr-property-ref(".AFButtonBackgroundDisabled:alias","background-color");
  border: 1px solid -tr-property-ref(".AFButtonBorderDisabledColor:alias","color");
}
af|inputNumberSlider::pause-icon-style:hover,
af|inputRangeSlider::pause-icon-style:hover {
  background-color: -tr-property-ref(".AFButtonBackgroundHover:alias","background-color");   
  border: 1px solid -tr-property-ref(".AFButtonBorderHoverColor:alias","color");
}
af|inputNumberSlider::pause-icon-style:hover,
af|inputRangeSlider::pause-icon-style:hover {
  background-image: url('/afr/alta-v1/pause_ovr.png'), -tr-property-ref(".AFButtonBackgroundHover:alias","background-image");
  background-color: -tr-property-ref(".AFButtonBackgroundHover:alias","background-color");
}
af|inputNumberSlider::pause-icon-style:hover:active,
af|inputRangeSlider::pause-icon-style:hover:active {
  background-image: url('/afr/alta-v1/pause_dwn.png'), -tr-property-ref(".AFButtonBackgroundActive:alias","background-image");
  background-color: -tr-property-ref(".AFButtonBackgroundActive:alias","background-color");
  border: 1px solid -tr-property-ref(".AFButtonBorderActiveColor:alias","color");
}
af|inputNumberSlider:disabled::pause-icon-style:hover,
af|inputNumberSlider::pause-icon-style:hover:disabled,
af|inputRangeSlider:disabled::pause-icon-style:hover,
af|inputRangeSlider::pause-icon-style:hover:disabled {
  background-image: url('/afr/alta-v1/pause_dis.png'), -tr-property-ref(".AFButtonBackgroundDisabled:alias","background-image");
  background-color: -tr-property-ref(".AFButtonBackgroundDisabled:alias","background-color");
  border: 1px solid -tr-property-ref(".AFButtonBorderDisabledColor:alias","color");
}
}


af|inputNumberSlider::play-icon-style:active,
af|inputRangeSlider::play-icon-style:active {
  background-image: url('/afr/alta-v1/play_dwn.png'), -tr-property-ref(".AFButtonBackgroundActive:alias","background-image");
  background-color: -tr-property-ref(".AFButtonBackgroundActive:alias","background-color");
  border: 1px solid -tr-property-ref(".AFButtonBorderActiveColor:alias","color");
}
af|inputNumberSlider:disabled::play-icon-style,
af|inputNumberSlider::play-icon-style:disabled,
af|inputRangeSlider:disabled::play-icon-style,
af|inputRangeSlider::play-icon-style:disabled {
  background-image: url('/afr/alta-v1/play_dis.png'), -tr-property-ref(".AFButtonBackgroundDisabled:alias","background-image");
  background-color: -tr-property-ref(".AFButtonBackgroundDisabled:alias","background-color");
  border: 1px solid -tr-property-ref(".AFButtonBorderDisabledColor:alias","color");
}
af|inputNumberSlider::pause-icon-style:active,
af|inputRangeSlider::pause-icon-style:active {
  background-image: url('/afr/alta-v1/pause_dwn.png'), -tr-property-ref(".AFButtonBackgroundActive:alias","background-image");
  background-color: -tr-property-ref(".AFButtonBackgroundActive:alias","background-color");
  border: 1px solid -tr-property-ref(".AFButtonBorderActiveColor:alias","color");
}
af|inputNumberSlider:disabled::pause-icon-style,
af|inputNumberSlider::pause-icon-style:disabled,
af|inputRangeSlider:disabled::pause-icon-style,
af|inputRangeSlider::pause-icon-style:disabled {
  background-image: url('/afr/alta-v1/pause_dis.png'), -tr-property-ref(".AFButtonBackgroundDisabled:alias","background-image");
  background-color: -tr-property-ref(".AFButtonBackgroundDisabled:alias","background-color");
  border: 1px solid -tr-property-ref(".AFButtonBorderDisabledColor:alias","color");
}

af|inputNumberSlider::play-icon-style:rtl,
af|inputRangeSlider::play-icon-style:rtl {
  background-image: url('/afr/alta-v1/play_ena_rtl.png'), -tr-property-ref(".AFButtonBackground:alias","background-image");
  background-color: -tr-property-ref(".AFButtonBackground:alias","background-color");
}
@agent (touchScreen:none) {
  af|inputNumberSlider::play-icon-style:hover:rtl,
  af|inputRangeSlider::play-icon-style:hover:rtl {
    background-image: url('/afr/alta-v1/play_ovr_rtl.png'), -tr-property-ref(".AFButtonBackgroundHover:alias","background-image");
  }
  af|inputNumberSlider::play-icon-style:hover:active:rtl,
  af|inputRangeSlider::play-icon-style:hover:active:rtl {
    background-image: url('/afr/alta-v1/play_dwn_rtl.png'), -tr-property-ref(".AFButtonBackgroundActive:alias","background-image");
   }
  af|inputNumberSlider:disabled::play-icon-style:hover:rtl,
  af|inputNumberSlider::play-icon-style:hover:disabled:rtl,
  af|inputRangeSlider:disabled::play-icon-style:hover:rtl,
  af|inputRangeSlider::play-icon-style:hover:disabled:rtl {
    background-image: url('/afr/alta-v1/play_dis_rtl.png'), -tr-property-ref(".AFButtonBackgroundDisabled:alias","background-image");
    background-color: -tr-property-ref(".AFButtonBackgroundDisabled:alias","background-color");
    border: 1px solid -tr-property-ref(".AFButtonBorderDisabledColor:alias","color");
  }
}
af|inputNumberSlider::play-icon-style:active:rtl,
af|inputRangeSlider::play-icon-style:active:rtl {
  background-image: url('/afr/alta-v1/play_dwn_rtl.png'), -tr-property-ref(".AFButtonBackgroundActive:alias","background-image");
}
af|inputNumberSlider:disabled::play-icon-style:rtl,
af|inputNumberSlider::play-icon-style:disabled:rtl,
af|inputRangeSlider:disabled::play-icon-style:rtl,
af|inputRangeSlider::play-icon-style:disabled:rtl {
  background-image: url('/afr/alta-v1/play_dis_rtl.png'), -tr-property-ref(".AFButtonBackgroundDisabled:alias","background-image");
  background-color: -tr-property-ref(".AFButtonBackgroundDisabled:alias","background-color");
  border: 1px solid -tr-property-ref(".AFButtonBorderDisabledColor:alias","color");
}
af|inputNumberSlider:playing::play-icon-style,
af|inputRangeSlider:playing::play-icon-style {
  visibility: hidden;
}
af|inputNumberSlider:playing::pause-icon-style,
af|inputRangeSlider:playing::pause-icon-style {
  visibility: visible;
}

/* IE 7 and IE 8 do not support background image with a gradient */
@agent ie and (version: 7.0), ie and (version: 8.0) {
  af|inputNumberSlider::play-icon-style,
  af|inputRangeSlider::play-icon-style {
    background-image: url("/afr/alta-v1/play_ena.png");
  }
  
  af|inputNumberSlider::pause-icon-style,
  af|inputRangeSlider::pause-icon-style {
    background-image: url("/afr/alta-v1/pause_ena.png");
  }
  
  af|inputNumberSlider::play-icon-style:hover,
  af|inputRangeSlider::play-icon-style:hover {
    background-image: url('/afr/alta-v1/play_ovr.png');
  }
  
  af|inputNumberSlider::play-icon-style:hover:active,
  af|inputRangeSlider::play-icon-style:hover:active {
    background-image: url('/afr/alta-v1/play_dwn.png');
  }
  
  af|inputNumberSlider:disabled::play-icon-style:hover,
  af|inputNumberSlider::play-icon-style:hover:disabled,
  af|inputRangeSlider:disabled::play-icon-style:hover,
  af|inputRangeSlider::play-icon-style:hover:disabled {
    background-image: url('/afr/alta-v1/play_dis.png');
  }
  
  af|inputNumberSlider::pause-icon-style:hover,
  af|inputRangeSlider::pause-icon-style:hover {
    background-image: url('/afr/alta-v1/pause_ovr.png');
  }
  
  af|inputNumberSlider::pause-icon-style:hover:active,
  af|inputRangeSlider::pause-icon-style:hover:active {
    background-image: url('/afr/alta-v1/pause_dwn.png');
  }
  
  af|inputNumberSlider:disabled::pause-icon-style:hover,
  af|inputNumberSlider::pause-icon-style:hover:disabled,
  af|inputRangeSlider:disabled::pause-icon-style:hover,
  af|inputRangeSlider::pause-icon-style:hover:disabled {
    background-image: url('/afr/alta-v1/pause_dis.png');
  }
  
  af|inputNumberSlider::play-icon-style:active,
  af|inputRangeSlider::play-icon-style:active {
    background-image: url('/afr/alta-v1/play_dwn.png');
  }
  
  af|inputNumberSlider:disabled::play-icon-style,
  af|inputNumberSlider::play-icon-style:disabled,
  af|inputRangeSlider:disabled::play-icon-style,
  af|inputRangeSlider::play-icon-style:disabled {
    background-image: url('/afr/alta-v1/play_dis.png');
  }
  
  af|inputNumberSlider::pause-icon-style:active,
  af|inputRangeSlider::pause-icon-style:active {
    background-image: url('/afr/alta-v1/pause_dwn.png');
  }
  
  af|inputNumberSlider:disabled::pause-icon-style,
  af|inputNumberSlider::pause-icon-style:disabled,
  af|inputRangeSlider:disabled::pause-icon-style,
  af|inputRangeSlider::pause-icon-style:disabled {
    background-image: url('/afr/alta-v1/pause_dis.png');
  }
}

/* End of slider */
/* Start of toolbar styles */

/* Base style for the toolbar. */
af|toolbar {
  background-color: transparent;
  -tr-inhibit: color;
}

af|toolbar::item {
  height: 28px;  
}

/* NOTE: Toolbar/MenuBar ::body and ::content only renders when overflow is on. This means styling, especially
   padding or margins, should not be done here as it will not show up for non-overflow toolbars! */
af|toolbar::body {
  -tr-inhibit: min-height;
  -tr-inhibit: padding;
}

af|toolbar::items {
  min-height: 28px;
  padding: 3px;
}

@agent webkit, gecko, ie and (max-version: 9) {
  af|toolbox af|toolbar::items {
    padding-right: 4px;
    padding-left: 4px;
  }
}
af|toolbar::overflow-container {
  -tr-inhibit: background-color;
  padding-top: 5px;
  padding-bottom: 2px;
  padding-right: 5px;
  padding-left: 5px;
}

.AFToolbarOverflowCell af|inputNumberSpinbox::increment-cell,
.AFToolbarOverflowCell af|inputNumberSpinbox::decrement-cell,
af|toolbar af|inputNumberSpinbox::increment-cell,
af|toolbar af|inputNumberSpinbox::decrement-cell {
  display: table-cell;
  vertical-align: baseline;
  height: auto;
  width: auto;
  border: none;
  margin: 0px;
  padding: 0px;
}

@agent ie {
  .AFToolbarOverflowCell af|inputNumberSpinbox::increment-cell,
  .AFToolbarOverflowCell af|inputNumberSpinbox::decrement-cell,
  af|toolbar af|inputNumberSpinbox::increment-cell,
  af|toolbar af|inputNumberSpinbox::decrement-cell {
    filter: none;
  }
}

.AFToolbarOverflowCell af|inputNumberSpinbox::incrementor-icon-style,
af|toolbar af|inputNumberSpinbox::incrementor-icon-style, 
.AFToolbarOverflowCell af|inputNumberSpinbox::decrementor-icon-style,
af|toolbar af|inputNumberSpinbox::decrementor-icon-style {
  width: 26px;
  height: 28px;
  padding-top: 9px;
  padding-bottom: 9px;
  padding-right: 6px;
  padding-left: 6px;
}

/* Correct the alignment of inputNumberSpinbox in quickQuery on the toolbar */
@agent gecko and (version: 1.9) {
  af|quickQuery::value af|inputNumberSpinbox {
    vertical-align: 20%;
    /*TODO ALTA*/ 
  }
}

/* end of toolbar styles */

/* Start of toolbox styles */

/* Base style of the toolbox. */
af|toolbox {
  background-color: transparent;
  -tr-inhibit: color;
}

/* The main body of the toolbox, contains all toolbox rows. */
af|toolbox::body {
  border-left: none;
  border-color: -tr-property-ref(".AFBackgroundBorderColor:alias","color");
}

/* A leading/middle row inside the toolbox. */
af|toolbox::row {
  border-color: -tr-property-ref(".AFBackgroundBorderColor:alias","color");
  border-right: none;
}

af|toolbox::last-row {
  border-color: -tr-property-ref(".AFBackgroundBorderColor:alias","color");
  border-right: none;
  border-bottom-width: 1px;
  border-bottom-style: solid;
}

af|calendar:printable af|toolbox::last-row {
  border-top: 1px solid -tr-property-ref(".AFBackgroundBorderColor:alias", "color");
  border-bottom: none;
}

/* A leading cell (a cell before the last cell) in a toolbox row. */
af|toolbox::leading-cell {
  border-color: -tr-property-ref(".AFBackgroundBorderColor:alias","color"); 
}

/* end of toolbox styles */

/* start of panelList styles */

af|panelList {
  line-height: normal;
}

/* Overwrite margin and padding set in trinidad skin */
af|panelList UL {
  padding-left: 28px;
  margin-bottom: 0px;
  margin-top: 0px;  
}

/* We use margins for spacing between items, and the line-height is for individual items with word wrap. */
af|panelList::item {
  margin-top: 4px;
  margin-bottom: 9px;
}

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

/* Start of table styles */
af|table {
  -tr-display-filter-clear-icon: true;
}

af|table {
  -tr-detail-column-width: 27;
}
@agent gecko {
  af|table {
   -tr-detail-moz-column-width: 27;
  }
}
/* enable to add a div to empty table text string to apply style to it */
af|table {
  -tr-render-extra-div-for-empty-text: true;
}

af|table, af|treeTable {
  /*TODO ALTA*/ 
  border-color: -tr-property-ref(".AFPanelBorderColor:alias","color");
  background-color: -tr-property-ref(".AFGridControl2Color:alias","color");
}

.AFTableCellHeaderBorder:alias {
  border-color: -tr-property-ref(".AFPanelBorderColor:alias","color");
}

.AFTableCellHeaderBackground:alias {
  background-color: -tr-property-ref(".AFGridControlColor:alias","color");
}

af|table::navbar-page-input-label{
  -tr-rule-ref: selector(".AFDefaultFont:alias");
  font-weight: bold;
  padding-left: 5px;
  color: -tr-property-ref(".AFLabelColor:alias","color");
}

af|table::navbar-page-link:active {
  -tr-rule-ref: selector(".AFBrandingLinkActiveForeground:alias");
  text-decoration: -tr-property-ref(".AFLinkHoverForeground:alias","text-decoration");
}

af|table::navbar-page-link:visited,
af|table::navbar-page-link:visited:active {
  -tr-rule-ref: selector(".AFBrandingLinkVisitedForeground:alias");
}

af|table::navbar-page-link:disabled,
af|table::navbar-page-link:disabled:active {
  -tr-rule-ref: selector(".AFBrandingLinkDisabledForeground:alias");
}

af|table::navbar-page-link:selected,
af|table::navbar-page-link:selected:active {
  -tr-rule-ref: selector(".AFLinkSelectedForeground:alias");
}

@agent (touchScreen:none) {
  af|table::navbar-page-link:hover {
    -tr-rule-ref: selector(".AFBrandingLinkHoverForeground:alias");
    text-decoration: -tr-property-ref(".AFLinkHoverForeground:alias","text-decoration");
  }
}

.AFTableNavBarRowRangeText:alias {
  -tr-rule-ref: selector(".AFDefaultFont:alias");
  color: -tr-property-ref(".AFLabelColor:alias","color");
  font-weight: normal;
  vertical-align: middle;
  padding-left: 5px;    
}

@agent ie and (version: 8) {
   af|table::navbar-page-input{
   -tr-inhibit: min-height;
   }
} 

.AFTableNavBarPreviousPageIconStyle:alias,
.AFTableNavBarNextPageIconStyle:alias:rtl {
  background-image: url('/afr/alta-v1/previousitem_ena.png');
  width: 14px;
  height: 14px;
  padding: 6px;
  border: 1px solid transparent;
  border-radius: -tr-property-ref(".AFButtonBorder:alias","border-radius");
}

.AFTableNavBarNextPageIconStyle:alias,
.AFTableNavBarPreviousPageIconStyle:alias:rtl {
  background-image: url('/afr/alta-v1/nextitem_ena.png');
  width: 14px;
  height: 14px;
  padding: 6px;
  border: 1px solid transparent;
  border-radius: -tr-property-ref(".AFButtonBorder:alias","border-radius");
}
.AFTableNavBarFirstPageIconStyle:alias,
.AFTableNavBarLastPageIconStyle:alias:rtl {
  background-image: url('/afr/alta-v1/firstitem_ena.png');
  width: 14px;
  height: 14px;
  padding: 6px;
  border: 1px solid transparent;
  border-radius: -tr-property-ref(".AFButtonBorder:alias","border-radius");
}
.AFTableNavBarLastPageIconStyle:alias,
.AFTableNavBarFirstPageIconStyle:alias:rtl {
  background-image: url('/afr/alta-v1/lastitem_ena.png');
  width: 14px;
  height: 14px;
  padding: 6px;
  border: 1px solid transparent;
  border-radius: -tr-property-ref(".AFButtonBorder:alias","border-radius");
}
.AFTableNavBarPreviousPageIconStyleDisabled:alias,
.AFTableNavBarNextPageIconStyleDisabled:alias:rtl{
  background-image: url('/afr/alta-v1/previousitem_dis.png');
  background-color: transparent;
  border-color: transparent;
}
.AFTableNavBarNextPageIconStyleDisabled:alias,
.AFTableNavBarPreviousPageIconStyleDisabled:alias:rtl{
  background-image: url('/afr/alta-v1/nextitem_dis.png');
  background-color: transparent;
  border-color: transparent;
}
.AFTableNavBarFirstPageIconStyleDisabled:alias,
.AFTableNavBarLastPageIconStyleDisabled:alias:rtl{
  background-image: url('/afr/alta-v1/firstitem_dis.png');
  background-color: transparent;
  border-color: transparent;
}
.AFTableNavBarLastPageIconStyleDisabled:alias,
.AFTableNavBarFirstPageIconStyleDisabled:alias:rtl{
  background-image: url('/afr/alta-v1/lastitem_dis.png');
  background-color: transparent;
  border-color: transparent;
}
.AFTableNavBarPreviousPageIconStyleHover:alias,
.AFTableNavBarNextPageIconStyleHover:alias:rtl{
  background-image: url('/afr/alta-v1/previousitem_ovr.png');
  background-color: -tr-property-ref(".AFButtonHoverColor:alias","color");
  border-color: -tr-property-ref(".AFButtonBorderColor:alias","color");
}
.AFTableNavBarNextPageIconStyleHover:alias,
.AFTableNavBarPreviousPageIconStyleHover:alias:rtl{
  background-image: url('/afr/alta-v1/nextitem_ovr.png');
  
  background-color: -tr-property-ref(".AFButtonHoverColor:alias","color");
  border-color: -tr-property-ref(".AFButtonBorderColor:alias","color");
}
.AFTableNavBarFirstPageIconStyleHover:alias,
.AFTableNavBarLastPageIconStyleHover:alias:rtl{
  background-image: url('/afr/alta-v1/firstitem_ovr.png');
  background-color: -tr-property-ref(".AFButtonHoverColor:alias","color");
  border-color: -tr-property-ref(".AFButtonBorderColor:alias","color");
}
.AFTableNavBarLastPageIconStyleHover:alias,
.AFTableNavBarFirstPageIconStyleHover:alias:rtl{
  background-image: url('/afr/alta-v1/lastitem_ovr.png');
  background-color: -tr-property-ref(".AFButtonHoverColor:alias","color");
  border-color: -tr-property-ref(".AFButtonBorderColor:alias","color");
}
.AFTableNavBarPreviousPageIconStyleActive:alias,
.AFTableNavBarNextPageIconStyleActive:alias:rtl{
  background-image: url('/afr/alta-v1/previousitem_dwn.png');
  background-color: -tr-property-ref(".AFButtonActiveColor:alias","color");
  border-color: -tr-property-ref(".AFButtonBorderActiveColor:alias","color");
}
.AFTableNavBarNextPageIconStyleActive:alias,
.AFTableNavBarPreviousPageIconStyleActive:alias:rtl{
  background-image: url('/afr/alta-v1/nextitem_dwn.png');
  background-color: -tr-property-ref(".AFButtonActiveColor:alias","color");
  border-color: -tr-property-ref(".AFButtonBorderActiveColor:alias","color");
}
.AFTableNavBarFirstPageIconStyleActive:alias,
.AFTableNavBarLastPageIconStyleActive:alias:rtl{
  background-image: url('/afr/alta-v1/firstitem_dwn.png');
  background-color: -tr-property-ref(".AFButtonActiveColor:alias","color");
  border-color: -tr-property-ref(".AFButtonBorderActiveColor:alias","color");
}
.AFTableNavBarLastPageIconStyleActive:alias,
.AFTableNavBarFirstPageIconStyleActive:alias:rtl{
  background-image: url('/afr/alta-v1/lastitem_dwn.png');
  background-color: -tr-property-ref(".AFButtonActiveColor:alias","color");
  border-color: -tr-property-ref(".AFButtonBorderActiveColor:alias","color");
}

af|table::loadmore {
  border-top: 1px solid transparent;
  border-bottom: 1px solid -tr-property-ref(".AFBackgroundBorderColor:alias","color");
  height: 34px;
  background-color: -tr-property-ref(".AFDecorativeColor:alias","color");
}
af|table::loadmore-range-text {
  -tr-rule-ref: selector(".AFDefaultFont:alias");
  color: -tr-property-ref(".AFLabelColor:alias","color");
}

af|table::loadmore-link{
  -tr-rule-ref: selector(".AFDefaultFont:alias");
  color: -tr-property-ref(".AFLinkColor: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 {
  -tr-rule-ref: selector(".AFDefaultFontSize:alias");
  font-size: +1;
}

af|column::column-header-cell,
af|column::row-header-cell {
  color: -tr-property-ref(".AFTextPrimaryColor:alias","color");
  font-weight: bold;
  padding: 5px;
}
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::column-header-cell:selected:inactive  {
  background-image: none;
  background-color: -tr-property-ref(".AFGridControlSelectedInactiveColor:alias","color");
}

af|column::column-footer-cell {
  color: -tr-property-ref(".AFTextPrimaryColor:alias","color");
  font-weight: bold;
  -tr-rule-ref: selector(".AFDefaultFontSize:alias");
  font-size: +1;
  background-color: -tr-property-ref(".AFGridControlColor: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: 5px;
}
af|column::filter-clear-all-icon {
  content: url("/afr/alta-v1/clear_ena.png");
  width: 16px;
  height: 16px;
}

@agent (touchScreen:none) {
  af|column::filter-clear-all-icon:hover {
    content: url("/afr/alta-v1/clear_hov.png");
  }
}

af|column::filter-clear-all-icon:active {
  content: url("/afr/alta-v1/clear_act.png");
}


.AFTableCellFooterBorder:alias {
  border-top: 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");
}

.AFTableCellFooterBorder:alias:rtl {
  border-right:none;
  border-left: 1px solid -tr-property-ref(".AFPanelBorderColor:alias","color");
}

.AFTableCellFooterBackground:alias {
  background-color: -tr-property-ref(".AFGridControlColor:alias","color");
}

.AFTableNavBarCurrentPage:alias {
  padding: 3px 2px;
  margin: 0px;
}

.AFTableNavBarPageLink:alias {
  padding: 4px 8px 4px 8px;
}

.AFTableCellDataHGrid:alias {
   border-bottom: 1px solid -tr-property-ref(".AFGridCellBorderColor:alias","color");
}

.AFTableCellDataVGrid:alias {
   border-right: 1px solid -tr-property-ref(".AFGridCellBorderColor:alias","color");
   padding-right: 5px;
}

.AFTableCellDataVGrid:alias:rtl {
   border-left: 1px solid -tr-property-ref(".AFGridCellBorderColor:alias","color");
   border-right: none;
   padding-left: 5px;
}
af|column::data-cell,
af|column::banded-data-cell {

  padding: 5px
}
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");
}

/* Defines what a column data cell looks like when it has a styleClass="AFTableCellSubtotal". 
   simple skin defines the background-color to be AFMediumAccentBackground and color to be    
   AFTextForeground, which are not used in skyros and alta.  skyros override them to be       
   AFSelectedColor and AFTextColor, respectively, so we do the same here.                     
 */
af|column::data-cell.AFTableCellSubtotal {
  background-color: -tr-property-ref(".AFSelectedColor:alias","color");
  color: -tr-property-ref(".AFTextColor:alias","color");
}
/* for email agents we wrap outputTexts in a span with a styleclass,
   so if the total is a outputText, it is losing its boldness.
   simple skin defines the same styles for the outputText to add the boldness back.
   If we change the colors of the cell, we need to change them for the outputText as well.
 */
@agent email
{
  af|column::data-cell.AFTableCellSubtotal af|outputText {
    background-color: -tr-property-ref(".AFSelectedColor:alias","color");
    color: -tr-property-ref(".AFTextColor:alias","color");
  }
}

/* Keep these keys private. Instead use the aliases because they are easier to understand */
af|table::data-table-VH-lines af|column::data-cell,
af|table::data-table-VH-lines af|column::banded-data-cell {
  -tr-rule-ref: selector(".AFTableCellDataVHGrid:alias");
}

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 {
  border-color: -tr-property-ref(".AFDropTarget2Color:alias","color");
  opacity: 1.0;
  background-color: -tr-property-ref(".AFDropTargetColor:alias","color");
  opacity: 0.8;
}

af|column::column-header-cell:drop-target{
  border: 1px solid;  
  opacity: 0.8;
  border-color: -tr-property-ref(".AFPanelBorderColor:alias","color");
  background-color: -tr-property-ref(".AFDropTarget2Color:alias","color");  
}

@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{
  /*TODO ALTA*/ 
    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");
  border-right: none;
}
af|table::navbar:ltr{
  /*TODO ALTA*/
  border-right: none;
}

af|table::navbar:rtl{
  /*TODO ALTA*/
}

af|table::navbar-page-input{
  -tr-rule-ref: selector(".AFTextColor:alias");
  -tr-rule-ref: selector(".AFDefaultFont:alias");
  background-color: -tr-property-ref(".AFFormControlContentColor:alias","color");
  border: 1px solid -tr-property-ref(".AFFormControlContentBorderColor:alias","color");
  border-radius: -tr-property-ref(".AFFormControlContentBorder:alias","border-radius");
  height: 25px;
  min-width: 28px;
  margin: 3px 0px 2px 8px;
}
af|table::navbar-current-page {
  border: 1px solid -tr-property-ref(".AFTextSecondaryColor:alias","color");    
}

@agent webkit {
  af|table::navbar-page-input {
    -tr-inhibit: box-sizing;
    -webkit-box-sizing: border-box;
  }
}
@agent ie and (min-version: 10){
  af|table::navbar-page-input {
    height: 22px;
  }
}
@agent gecko {
  af|table::navbar-page-input {
    -tr-inhibit: box-sizing;
    -moz-box-sizing: border-box;
  }
}

.AFTableNavBarSeparator:alias {
  padding-left: 6px;
  padding-right: 6px;
}

@agent (touchScreen:none) {
  af|table::navbar-previous-page-icon-style:hover{
    -tr-rule-ref: selector(".AFTableNavBarPreviousPageIconStyleHover:alias");
  }
  af|table::navbar-next-page-icon-style:hover{
    -tr-rule-ref: selector(".AFTableNavBarNextPageIconStyleHover:alias");
  }
  af|table::navbar-first-page-icon-style:hover{
    -tr-rule-ref: selector(".AFTableNavBarFirstPageIconStyleHover:alias");
  }
  af|table::navbar-last-page-icon-style:hover{
    -tr-rule-ref: selector(".AFTableNavBarLastPageIconStyleHover:alias");
  }
}

af|table::navbar-previous-page-icon-style:active,
af|table::navbar-previous-page-icon-style:hover:active{
  -tr-rule-ref: selector(".AFTableNavBarPreviousPageIconStyleActive:alias");
}
af|table::navbar-next-page-icon-style:active,
af|table::navbar-next-page-icon-style:hover:active{
  -tr-rule-ref: selector(".AFTableNavBarNextPageIconStyleActive:alias");


}
af|table::navbar-first-page-icon-style:active,
af|table::navbar-first-page-icon-style:hover:active{
  -tr-rule-ref: selector(".AFTableNavBarFirstPageIconStyleActive:alias");
}
af|table::navbar-last-page-icon-style:active,
af|table::navbar-last-page-icon-style:hover:active{
  -tr-rule-ref: selector(".AFTableNavBarLastPageIconStyleActive:alias");
}
af|table::navbar-previous-page-icon-style:disabled:hover,
af|table::navbar-previous-page-icon-style:disabled:active,
af|table::navbar-previous-page-icon-style:disabled:hover:active {
  -tr-rule-ref: selector(".AFTableNavBarPreviousPageIconStyleDisabled:alias");
}
af|table::navbar-next-page-icon-style:disabled:hover,
af|table::navbar-next-page-icon-style:disabled:active,
af|table::navbar-next-page-icon-style:disabled:hover:active {
  -tr-rule-ref: selector(".AFTableNavBarNextPageIconStyleDisabled:alias");
}
af|table::navbar-first-page-icon-style:disabled:hover,
af|table::navbar-first-page-icon-style:disabled:active,
af|table::navbar-first-page-icon-style:disabled:hover:active {
  -tr-rule-ref: selector(".AFTableNavBarFirstPageIconStyleDisabled:alias");
}
af|table::navbar-last-page-icon-style:disabled:hover,
af|table::navbar-last-page-icon-style:disabled:active,
af|table::navbar-last-page-icon-style:disabled:hover:active {
  -tr-rule-ref: selector(".AFTableNavBarLastPageIconStyleDisabled:alias");
}

/* Icons for paging table navbar */
af|table::navbar-previous-page-icon,
af|table::navbar-next-page-icon:rtl {
  content: url('/afr/alta-v1/previousitem_ena.png');
}
af|table::navbar-next-page-icon,
af|table::navbar-previous-page-icon:rtl {
  content: url('/afr/alta-v1/nextitem_ena.png');
}
af|table::navbar-first-page-icon,
af|table::navbar-last-page-icon:rtl {
  content: url('/afr/alta-v1/firstitem_ena.png');
}
af|table::navbar-last-page-icon,
af|table::navbar-first-page-icon:rtl {
  content: url('/afr/alta-v1/lastitem_ena.png');
}
af|table::navbar-previous-page-disabled-icon,
af|table::navbar-next-page-disabled-icon:rtl {
  content: url('/afr/alta-v1/previousitem_dis.png');
}
af|table::navbar-next-page-disabled-icon,
af|table::navbar-previous-page-disabled-icon:rtl {
  content: url('/afr/alta-v1/nextitem_dis.png');
}
af|table::navbar-first-page-disabled-icon,
af|table::navbar-last-page-disabled-icon:rtl {
  content: url('/afr/alta-v1/firstitem_dis.png');
}
af|table::navbar-last-page-disabled-icon,
af|table::navbar-first-page-disabled-icon:rtl {
  content: url('/afr/alta-v1/lastitem_dis.png');
}

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

af|column::row-header-cell:rtl,
af|column::detail-cell:rtl {
  /*TODO ALTA*/
  border-right: none;
}

/* header/data cell has a 5px padding */
af|column::data-cell af|inputText::content,
af|column::data-cell af|selectOneListbox::content,
af|column::data-cell af|selectManyListbox::content,
af|column::data-cell af|selectOneChoice::content,
af|column::data-cell af|inputFile::content,
af|column::data-cell af|chooseDate::choice-list-content,
af|column::banded-data-cell af|inputText::content,
af|column::banded-data-cell af|selectOneListbox::content,
af|column::banded-data-cell af|selectManyListbox::content,
af|column::banded-data-cell af|selectOneChoice::content,
af|column::banded-data-cell af|inputFile::content,
af|column::banded-data-cell af|chooseDate::choice-list-content,
af|column::row-header-cell af|inputText::content,
af|column::row-header-cell af|selectOneListbox::content,
af|column::row-header-cell af|selectManyListbox::content,
af|column::row-header-cell af|selectOneChoice::content,
af|column::row-header-cell af|inputFile::content,
af|column::row-header-cell af|chooseDate::choice-list-content,
af|column::column-filter-cell af|selectOneChoice::content{
  margin: 0px;
  max-width: 100%;
  width: 100%;
}

af|column::data-cell af|inputText:changedIcon::content,
af|column::banded-data-cell af|inputText:changedIcon::content,
af|column::row-header-cell af|inputText:changedIcon::content{
  margin: 0px;
  max-width: 90%;
  width: 90%;
}

af|column::data-cell af|selectManyChoice::content,
af|column::data-cell af|inputListOfValues::content,
af|column::data-cell af|inputComboboxListOfValues::content,
af|column::banded-data-cell af|selectManyChoice::content,
af|column::banded-data-cell af|inputListOfValues::content,
af|column::banded-data-cell af|inputComboboxListOfValues::content,
af|column::row-header-cell af|selectManyChoice::content,
af|column::row-header-cell af|inputListOfValues::content,
af|column::row-header-cell af|inputComboboxListOfValues::content,
af|column::column-filter-cell af|inputListOfValues::content,
af|column::column-filter-cell af|inputComboboxListOfValues::content,
af|column::column-filter-cell af|inputDate::content {
  margin: 0px;
  max-width: 100%;
  width: 100%;
}

af|column::data-cell af|inputDate::content,
af|column::banded-data-cell af|inputDate::content,
af|column::row-header-cell af|inputDate::content {
  margin: 0px;
  width: 100px;
}

af|column::data-cell af|inputNumberSpinbox::content,
af|column::banded-data-cell af|inputNumberSpinbox::content,
af|column::row-header-cell af|inputNumberSpinbox::content {
  margin: 0px;
  width: 40px;
}

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:focused af|column::row-header-cell,
af|table::data-row:selected:focused af|column::detail-cell {
  background-image: none;
  background-color: -tr-property-ref(".AFGridControlActiveColor: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");
}
af|table::data-row:highlighted af|column::detail-cell {
  background-image: none;
  background-color: -tr-property-ref(".AFHoverSecondaryColor:alias","color");
}

/* adding padding to warning/info icon of row/column header */

/* 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);
  background-position: 15px center;
  background-repeat: no-repeat;
  width:16px;
  height:16px;
}

af|column::row-header-cell:info {
  background-image: url(/afr/info.png);
  background-position: 5px center;
  background-repeat: no-repeat;
  width:16px;
  height:16px;
}


af|column::row-header-cell:confirmation {
  background-image: url(/afr/confirmation.png);;
  background-position: 5px center;
  background-repeat: no-repeat;
  width:16px;
  height:16px;
}

af|column::row-header-cell:warning {
  background-image: url(/afr/warning.png);
  background-position: 5px center;
  background-repeat: no-repeat;
  width:16px;
  height:16px;
}
/* end of adding padding to warning/info icon of row/column header */

af|table::detail-area-cell {
  background-image: none;
  background-color: -tr-property-ref(".AFComponentBackgroundColor:alias","color");
  padding: 9px;
  padding-top: 4px;
}

.AFTableCellPadding:alias {
  /* !important - must match the skin properties defined in af|table:
    -tr-padding-left-width, -tr-padding-right-width */
  padding:5px;
}

af|table::detail-area-cell af|panelFormLayout::separator{
  margin-top: 8px;
  margin-bottom: 4px;
  border-color: -tr-property-ref(".AFPanelBorderColor:alias","color");
}

af|table::detail-area-cell.AFPanelFormLayoutContentCell {
  padding-top: 8px;
}

af|table::column-resize-indicator {
  border-right: 2px dotted -tr-property-ref(".AFGridDragLineColor:alias","color");
}
@agent email
{
  af|table {
    font-size: -tr-property-ref(".AFDefaultFontSize:alias","font-size");
  }
  
  af|table af|column::column-header-cell-content {
    font-size: -tr-property-ref(".AFDefaultFontSize:alias","font-size");
  }
}

/* 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-weight: normal;
  padding: 5px;
}

.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-indicator {
  right: 0px;
  top: 0px;
}

af|column::sort-ascending-icon-style {
  background-image: url("/afr/alta-v1/colSort_asc_ena.png");
  padding-right: 4px;
}

af|column::sort-ascending-icon-style:rtl {
  background-image: url("/afr/alta-v1/colSort_asc_ena.png");
  padding-left: 4px;
}

@agent (touchScreen:none) {
  af|column::sort-ascending-icon-style:hover {
    background-image: url("/afr/alta-v1/colSort_asc_ovr.png");
  }
}

af|column::sort-ascending-icon-style:active {
  background-image: url("/afr/alta-v1/colSort_asc_selected.png");
}

af|column::sort-descending-icon-style {
  background-image: url("/afr/alta-v1/colSort_des_ena.png");
}

@agent (touchScreen:none) {
  af|column::sort-descending-icon-style:hover {
    background-image: url("/afr/alta-v1/colSort_des_ovr.png");
  }
}

af|column::sort-descending-icon-style:active {
  background-image: url("/afr/alta-v1/colSort_des_selected.png");
}

af|column::sorted-ascending-icon-style {
  background-image: url("/afr/alta-v1/colSort_asc_selected.png");
  padding-right: 4px;
}

af|column::sorted-ascending-icon-style:rtl {
  background-image: url("/afr/alta-v1/colSort_asc_selected.png");
  padding-left: 4px;
}

af|column::sorted-descending-icon-style {
  background-image: url("/afr/alta-v1/colSort_des_selected.png");
}

af|column::filter-clear-all-icon-style {
  width: 16px;
  height: 16px;
  text-decoration: none;
  display: block;
  cursor: default;
  background-repeat: no-repeat;
  vertical-align: middle;
  background-image: url("/afr/alta-v1/clear_ena.png");
}

@agent (touchScreen:none) {
  af|column::filter-clear-all-icon-style:hover {
    background-image: url("/afr/alta-v1/clear_hov.png");
  }
}

af|column::filter-clear-all-icon-style:hover:active {
  background-image: url("/afr/alta-v1/clear_act.png");
}

af|column::filter-clear-all-icon-style:active {
  background-image: url("/afr/alta-v1/clear_act.png");
}

af|column::filter-clear-all-icon-style:disabled {
  background-image: url("/afr/alta-v1/clear_dis.png");
}

af|column::filter-clear-all-icon{
  content: inhibit;
}

.AFTableCellDataDropTargetColor:alias,
.AFTableHeaderCellDataDropTargetColor:alias {
  opacity: 0.8;
}

.AFTableCellDataDropTargetColor:alias {
  border-color: -tr-property-ref(".AFDropTarget2Color:alias","color");
  background-color: -tr-property-ref(".AFDropTargetColor:alias","color");
}

.AFTableHeaderCellDataDropTargetColor:alias {
  border-right: 1px solid;
  border-bottom: 1px solid; 
  border-color: -tr-property-ref(".AFPanelBorderColor:alias","color");
  background-color: -tr-property-ref(".AFDropTarget2Color:alias","color");
}

@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-right: 1px solid -tr-property-ref(".AFPanelBorderColor:alias","color");
  border-left: 1px solid -tr-property-ref(".AFPanelBorderColor:alias","color");
}
af|panelCollection af|table {
  border-bottom-width: 1px;
}
af|panelCollection af|tree,
af|panelCollection af|treeTable {
  border-bottom-width: 1px;
}
af|panelCollection::statusbar af|toolbox::body {
  background-color: transparent;
}
af|panelCollection::statusbar af|toolbox::body af|toolbox::last-row{
  background-color: transparent;
}
af|panelCollection::statusbar-text-item {
  -tr-rule-ref: selector(".AFDefaultFont:alias");
  font-weight:bold;
  vertical-align: middle;
  width: 110px;
  color: -tr-property-ref(".AFLabelColor:alias","color");
}
af|panelCollection::statusbar-count-item {
  -tr-rule-ref: selector(".AFDefaultFont:alias");
  font-weight: normal;
  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: transparent;
}
af|panelCollection af|toolbox::last-row {
  padding-left: 1px;
  padding-right: 7px;
}

/* 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|panelCollection::statusbar af|toolbox::body,
af|panelAccordion af|panelCollection af|toolbox::body,
af|panelTabbed af|panelCollection af|toolbox::body {
  border-top: none;
}


/* private - Since the panel collection statusbar has only text and separators, we need to size the
   separator and items so that they center */
af|panelCollection::statusbar af|toolbar::separator,
af|panelCollection::statusbar af|toolbar::item {
  height: 22px;
  padding: 3px 0px 3px 6px;
}
af|panelCollection::statusbar af|toolbar::item {
  height: 22px;
  padding: 2px 0px 0px 6px;
}

/* qbe icon */
af|panelCollection::qbe-icon {
  content: url(/afr/alta-v1/qbe_ena.png);
}

af|panelCollection::qbe-hover-icon {
  content: url(/afr/alta-v1/qbe_hov.png);
}

af|panelCollection::qbe-depressed-icon {
  content: url(/afr/alta-v1/qbe_act.png);
}

/* freeze icon */
af|panelCollection::freeze-icon {
  content: url(/afr/alta-v1/freeze_ena.png);
}

af|panelCollection::freeze-hover-icon {
  content: url(/afr/alta-v1/freeze_hov.png);
}

af|panelCollection::freeze-depressed-icon {
  content: url(/afr/alta-v1/freeze_act.png);
}

af|panelCollection::freeze-disabled-icon {
  content: url(/afr/alta-v1/freeze_dis.png);
}

/* maximize icon */
af|panelCollection::maximize-icon {
  content: url(/afr/alta-v1/maximize_ena.png);
  width: 16px;
  height: 16px;
}

af|panelCollection::maximize-hover-icon {
  content: url(/afr/alta-v1/maximize_hov.png);
  width: 16px;
  height: 16px;
}

af|panelCollection::maximize-depressed-icon {
  content: url(/afr/alta-v1/maximize_act.png);
  width: 16px;
  height: 16px;
}

af|panelCollection::maximize-disabled-icon {
  content: url(/afr/alta-v1/maximize_dis.png);
  width: 16px;
  height: 16px;
}

/* wrap icon */
af|panelCollection::wrap-icon {
  content: url(/afr/alta-v1/wrap_ena.png);
  width: 16px;
  height: 16px;
}

af|panelCollection::wrap-hover-icon {
  content: url(/afr/alta-v1/wrap_hov.png);
  width: 16px;
  height: 16px;
}

af|panelCollection::wrap-depressed-icon {
  content: url(/afr/alta-v1/wrap_act.png);
  width: 16px;
  height: 16px;
}

af|panelCollection::wrap-icon:rtl {
  content: url(/afr/alta-v1/wrap_ena_rtl.png);
}

af|panelCollection::wrap-hover-icon:rtl {
  content: url(/afr/alta-v1/wrap_hov_rtl.png);
  width: 16px;
  height: 16px;
}

af|panelCollection::wrap-depressed-icon:rtl {
  content: url(/afr/alta-v1/wrap_act_rtl.png);
  width: 16px;
  height: 16px;
}

af|panelCollection::wrap-disabled-icon {
  content: url(/afr/alta-v1/wrap_dis.png);
  width: 16px;
  height: 16px;
}

af|panelCollection::wrap-disabled-icon:rtl {
  content: url(/afr/alta-v1/wrap_dis_rtl.png);
}

/* go-up icon*/
af|panelCollection::go-up-icon {
  content: url(/afr/alta-v1/goup_ena.png);
  width: 16px;
  height: 16px;
}

af|panelCollection::go-up-hover-icon {
  content: url(/afr/alta-v1/goup_hov.png);
  width: 16px;
  height: 16px;
}

af|panelCollection::go-up-depressed-icon {
  content: url(/afr/alta-v1/goup_act.png);
  width: 16px;
  height: 16px;
}

af|panelCollection::go-up-icon:rtl {
  content: url(/afr/alta-v1/goup_ena_rtl.png);
}

af|panelCollection::go-up-hover-icon:rtl {
  content: url(/afr/alta-v1/goup_hov_rtl.png);
  width: 16px;
  height: 16px;
}

af|panelCollection::go-up-depressed-icon:rtl {
  content: url(/afr/alta-v1/goup_act_rtl.png);
  width: 16px;
  height: 16px;
}

af|panelCollection::go-up-disabled-icon {
  content: url(/afr/alta-v1/goup_dis.png);
  width: 16px;
  height: 16px;
}

af|panelCollection::go-up-disabled-icon:rtl {
  content: url(/afr/alta-v1/goup_dis_rtl.png);
}

/* go-to-top icon*/
af|panelCollection::go-to-top-icon {
  content: url(/afr/alta-v1/gototop_ena.png);
  width: 16px;
  height: 16px;
}

af|panelCollection::go-to-top-hover-icon {
  content: url(/afr/alta-v1/gototop_hov.png);
  width: 16px;
  height: 16px;
}

af|panelCollection::go-to-top-depressed-icon {
  content: url(/afr/alta-v1/gototop_act.png);
  width: 16px;
  height: 16px;
}

af|panelCollection::go-to-top-icon:rtl {
  content: url(/afr/alta-v1/gototop_ena_rtl.png);
}

af|panelCollection::go-to-top-hover-icon:rtl {
  content: url(/afr/alta-v1/gototop_hov_rtl.png);
  width: 16px;
  height: 16px;
}

af|panelCollection::go-to-top-depressed-icon:rtl {
  content: url(/afr/alta-v1/gototop_act_rtl.png);
  width: 16px;
  height: 16px;
}

af|panelCollection::go-to-top-disabled-icon {
  content: url(/afr/alta-v1/gototop_dis.png);
  width: 16px;
  height: 16px;
}

af|panelCollection::go-to-top-disabled-icon:rtl {
  content: url(/afr/alta-v1/gototop_dis_rtl.png);
}

/* show-as-top icon*/
af|panelCollection::show-as-top-icon {
  content: url(/afr/alta-v1/showtop_ena.png);
  width: 16px;
  height: 16px;
}

af|panelCollection::show-as-top-hover-icon {
  content: url(/afr/alta-v1/showtop_hov.png);
  width: 16px;
  height: 16px;
}

af|panelCollection::show-as-top-depressed-icon {
  content: url(/afr/alta-v1/showtop_act.png);
  width: 16px;
  height: 16px;
}

af|panelCollection::show-as-top-icon:rtl {
  content: url(/afr/alta-v1/showtop_ena_rtl.png);
}

af|panelCollection::show-as-top-hover-icon:rtl {
  content: url(/afr/alta-v1/showtop_hov_rtl.png);
  width: 16px;
  height: 16px;
}

af|panelCollection::show-as-top-depressed-icon:rtl {
  content: url(/afr/alta-v1/showtop_act_rtl.png);
  width: 16px;
  height: 16px;
}

af|panelCollection::show-as-top-disabled-icon {
  content: url(/afr/alta-v1/showtop_dis.png);
  width: 16px;
  height: 16px;
}

af|panelCollection::show-as-top-disabled-icon:rtl {
  content: url(/afr/alta-v1/showtop_dis_rtl.png);
}


/* Start of tree/treeTable styles */

af|tree::data-cell {
  padding: 0px 1px;
}

af|table::disclosed-icon-style,
af|tree::expanded-icon-style,
af|treeTable::expanded-icon-style,
af|table::undisclosed-icon-style,
af|tree::collapsed-icon-style,
af|treeTable::collapsed-icon-style {
  -tr-rule-ref: selector(".AFClickableImageAnchor:alias");
  background-position: center center;
  margin: 0px;
  height: 16px;
  width: 16px;
}

af|tree::expanded-icon-style,
af|tree::collapsed-icon-style {
  padding: 4px;
  display: inline-block;
}

af|treeTable::expanded-icon-style,
af|treeTable::collapsed-icon-style {
  padding: 0px 4px 0px 4px;
  display: inline-block;
}


af|tree::leaf-icon-style,
af|treeTable::leaf-icon-style{
  background-image:url("/afr/alta-v1/leaf.png");
  padding-right: 24px;
}

af|tree::leaf-icon-style:rtl,
af|treeTable::leaf-icon-style:rtl{
  padding-left: 24px;
  padding-right: 0px;
}

/* Need to override base */
af|tree::expanded-icon-style:rtl, 
af|tree::collapsed-icon-style:rtl, 
af|tree::leaf-icon-style:rtl {
  padding-left: 4px;
  padding-right: 4px;
}

af|table::disclosed-icon-style,
af|table::undisclosed-icon-style {
  padding: 5px;
  display: block;
}

af|table::disclosed-icon-style,
af|tree::expanded-icon-style,
af|treeTable::expanded-icon-style {
  background-image: url("/afr/alta-v1/discloseexpanded_16_ena.png");
}

af|table::disclosed-icon-style:hover,
af|tree::expanded-icon-style:hover,
af|treeTable::expanded-icon-style:hover {
  background-image: url("/afr/alta-v1/discloseexpanded_16_ovr.png");
}

af|table::disclosed-icon-style:active,
af|tree::expanded-icon-style:active,
af|treeTable::expanded-icon-style:active {
  background-image: url("/afr/alta-v1/discloseexpanded_16_dwn.png");
}

af|table::disclosed-icon-style:rtl,
af|tree::expanded-icon-style:rtl,
af|treeTable::expanded-icon-style:rtl {
  background-image: url("/afr/alta-v1/discloseexpanded_16_rtl_ena.png");
}

af|table::disclosed-icon-style:hover:rtl,
af|tree::expanded-icon-style:hover:rtl,
af|treeTable::expanded-icon-style:hover:rtl {
  background-image: url("/afr/alta-v1/discloseexpanded_16_rtl_ovr.png");
}

af|table::disclosed-icon-style:active:rtl,
af|tree::expanded-icon-style:active:rtl,
af|treeTable::expanded-icon-style:active:rtl {
  background-image: url("/afr/alta-v1/discloseexpanded_16_rtl_dwn.png");
}

af|table::undisclosed-icon-style,
af|tree::collapsed-icon-style,
af|treeTable::collapsed-icon-style {
  background-image:url("/afr/alta-v1/disclosecollapsed_16_ena.png");
}

af|table::undisclosed-icon-style:hover,
af|tree::collapsed-icon-style:hover,
af|treeTable::collapsed-icon-style:hover {
  background-image:url("/afr/alta-v1/disclosecollapsed_16_ovr.png");
}

af|table::undisclosed-icon-style:active,
af|tree::collapsed-icon-style:active,
af|treeTable::collapsed-icon-style:active {
  background-image:url("/afr/alta-v1/disclosecollapsed_16_dwn.png");
}

af|table::undisclosed-icon-style:rtl,
af|tree::collapsed-icon-style:rtl,
af|treeTable::collapsed-icon-style:rtl {
  background-image:url("/afr/alta-v1/disclosecollapsed_16_rtl_ena.png");
}

af|table::undisclosed-icon-style:hover:rtl,
af|tree::collapsed-icon-style:hover:rtl,
af|treeTable::collapsed-icon-style:hover:rtl {
  background-image:url("/afr/alta-v1/disclosecollapsed_16_rtl_ovr.png");
}

af|table::undisclosed-icon-style:active:rtl,
af|tree::collapsed-icon-style:active:rtl,
af|treeTable::collapsed-icon-style:active:rtl {
  background-image:url("/afr/alta-v1/disclosecollapsed_16_rtl_dwn.png");
}

/* while these images align better with inline-block display in simple and skyros skins,
   they align better with block display in alta skin */
af|body:high-contrast af|tree::collapsed-icon-style img,
af|body:high-contrast af|tree::expanded-icon-style img,
af|body:high-contrast af|tree::leaf-icon-style img,
af|body:high-contrast af|tree::node-anim-icon-style img,
af|body:high-contrast af|tree::selector-icon-style img,
af|body:high-contrast af|treeTable::collapsed-icon-style img,
af|body:high-contrast af|treeTable::expanded-icon-style img,
af|body:high-contrast af|treeTable::leaf-icon-style img,
af|body:high-contrast af|treeTable::node-anim-icon-style img,
af|body:high-contrast af|treeTable::selector-icon-style img {
  display: block;  
}

af|tree {
  -tr-node-indentation: 24;
}


af|tree::selector-icon-style,
af|treeTable::selector-icon-style {
  background-image:url("/afr/alta-v1/hierchselector_ena.png");
  padding: 4px 0px 4px 4px;
  height: 16px;
  width: 16px;
  background-position: center center;
  display: inline-block; /* when feature was written I assume original thought was to make it inline-block; however then the 
                          * icons do not line up as dicussed fix in a later release
                          */
}


af|treeTable
{
  -tr-border-left-width: 0;
  -tr-border-right-width: 0;
  -tr-padding-left-width: 4;
  -tr-padding-right-width: 4;

  -tr-node-indentation: 24;
}


/* override base */
af|treeTable::icon-container {
  display: inline-block;
  vertical-align: middle;
  -tr-inhibit: margin-left;
  -tr-inhibit: margin-right;
}
@agent gecko {
  af|treeTable::icon-container {
    -tr-inhibit: vertical-align;
  }
  af|tree::selector-icon-style {
    padding-top: 0px;
    padding-bottom: 0px;
    height: 12px;
  }
} 
af|treeTable::icon-container:rtl {
  
  -tr-inhibit: margin-left;
  -tr-inhibit: margin-right;
}


@agent (touchScreen:none){
  af|tree::selector-icon-style:hover,
  af|treeTable::selector-icon-style:hover {
    background-image:url("/afr/alta-v1/hierchselector_ovr.png");
    background-position: center center;
    display: inline-block;
    padding-left: 4px;
    padding-right: 0px;
  }
  af|tree::selector-icon-style:hover:rtl,
  af|treeTable::selector-icon-style:hover:rtl {
    background-image:url("/afr/alta-v1/hierchselector_ovr_rtl.png");
  }
}

af|tree::selector-icon-style:active,
af|treeTable::selector-icon-style:active,
af|tree::selector-icon-style:hover:active,
af|treeTable::selector-icon-style:hover:active {
  background-image:url("/afr/alta-v1/hierchselector_dwn.png");
  background-position: center center;
  display: inline-block;
  padding-left: 4px;
  padding-right: 0px;
}

af|tree::selector-icon-style:rtl,
af|treeTable::selector-icon-style:rtl {
  background-image:url("/afr/alta-v1/hierchselector_ena_rtl.png");
}

af|tree::selector-icon-style:active:rtl,
af|treeTable::selector-icon-style:active:rtl,
af|tree::selector-icon-style:hover:active:rtl,
af|treeTable::selector-icon-style:hover:active:rtl {
  background-image:url("/afr/alta-v1/hierchselector_dwn_rtl.png");
}

af|tree::node-anim-icon-style {
  background-image:url("/afr/alta-v1/node_anim.gif");
  padding-right: 24px;
}

/* This is an animated icon rendered during data fetch when a node is expanded */
af|treeTable::node-anim-icon-style {
  background-image:url("/afr/alta-v1/node_anim.gif");
  padding-right: 24px;
}

af|treeTable af|column::data-container {
  display: inline-block;
  vertical-align: middle;
}

af|tree::node-stamp-text {
  border-color: transparent;
  border-width: 0px; /* removal of border; as otherwise there will be a movement */
  color: -tr-property-ref(".AFLinkColor:alias","color");
  line-height: 25px;
  text-align: left;
  -tr-inhibit: padding-left;
  -tr-inhibit: padding-right;
}
/*
  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 {
  background-image: url('/afr/alta-v1/connector.png');
  padding-right: 8px;
}

af|tree::h-selector-connector:rtl {
  padding-right: 0px;
  padding-left: 8px;
}
/* private */
af|tree::h-selector-row:selected af|tree::node-stamp-text {
  background-color: -tr-property-ref(".AFSelectedColor:alias","color");
  border: 1px solid -tr-property-ref("AFLinkColor:alias","color");
  font-weight: bold;
}

af|tree::h-selector-row:selected:focused af|tree::node-stamp-text {
  background-color: -tr-property-ref(".AFGridCellActiveColor:alias","color");
  -tr-inhibit: color;
  border: none;
}

/* 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 {
    /*TODO ALTA*/
}

af|column::column-header-cell af|selectBooleanCheckbox::item-text
{
  color: -tr-property-ref(".AFTextPrimaryColor:alias","color");
  font-weight: bold;
  -tr-rule-ref: selector(".AFDefaultFontSize:alias");
  font-size: +1;
}

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: 1px solid -tr-property-ref("AFLinkColor:alias","color");
  font-weight: bold;
}

af|tree::data-row:selected:inactive af|tree::node-stamp-text,
af|tree::data-row:selected:inactive af|selectBooleanCheckbox::item-text{
  background-color: -tr-property-ref(".AFGridCellSelectedInactiveColor:alias","color");
  border: 1px solid -tr-property-ref(".AFGridCellBorderColor:alias","color");
  font-weight:bold;
}

af|tree::data-row:selected:focused af|tree::node-stamp-text {
  background-color: -tr-property-ref(".AFGridCellActiveColor:alias","color");
  -tr-inhibit: color;
}

af|tree::data-row:focused af|tree::node-stamp-text {
  border: none;
}

af|body:high-contrast af|column::sort-ascending-icon {
   /*TODO ALTA*/
}
@agent (touchScreen:none) {
  af|body:high-contrast af|column::sort-ascending-icon:hover {
    /*TODO ALTA*/
  }
  af|body:high-contrast af|column::sort-descending-icon:hover {
    /*TODO ALTA*/
  }
}
af|body:high-contrast af|column::sort-ascending-icon:active {
 /*TODO ALTA*/
}
af|body:high-contrast af|column::sort-descending-icon {
 /*TODO ALTA*/
}
af|body:high-contrast af|column::sort-descending-icon:active {
 /*TODO ALTA*/
}
af|body:high-contrast af|column::sorted-ascending-icon {
 /*TODO ALTA*/
}
af|body:high-contrast af|column::sorted-descending-icon {
 /*TODO ALTA*/
}

af|table::disclosed-icon,
af|tree::expanded-icon,
af|treeTable::expanded-icon {
 content: url("/afr/alta-v1/discloseexpanded_16_ena.png");
}

af|table::disclosed-icon:rtl,
af|tree::expanded-icon:rtl,
af|treeTable::expanded-icon:rtl {
 content: url("/afr/alta-v1/discloseexpanded_16_rtl_ena.png");
}

af|table::undisclosed-icon,
af|tree::collapsed-icon,
af|treeTable::collapsed-icon {
 content: url("/afr/alta-v1/disclosecollapsed_16_ena.png");
}

af|table::undisclosed-icon:rtl,
af|tree::collapsed-icon:rtl,
af|treeTable::collapsed-icon:rtl {
 content: url("/afr/alta-v1/disclosecollapsed_16_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. This needs to be revisited for Alta*/
af|decorativeBox::frame {
  background-color: -tr-property-ref(".AFBackgroundColor:alias","color");
  color: -tr-property-ref(".AFTextColor:alias","color");
  -tr-inhibit: border-radius;
  border: 1px solid -tr-property-ref(".AFBackgroundBorderColor:alias","color");
  -tr-top-padding: 10px;
  -tr-bottom-padding: 10px;
  -tr-start-padding: 10px;
  -tr-end-padding: 10px;
}

/* For alta skin, content background color and border is defined on parent div 'frame'. */
af|decorativeBox::center {
  -tr-inhibit: background-color;
  -tr-inhibit: color;
}

.AFDecorativeBoxCenter {
  -tr-inhibit: color;
}

/* End of decorativeBox styles */

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: 21px
}
af|panelTabbed::header:rtl,
af|panelTabbed::footer:rtl {
  padding-left: 21px;
}

/* Increase padding for presence of conveyor belt buttons. 28px for the cb left button, 61px right 
   for the cb right button (21px), the cb droplist button (28px) and 5px padding on the left of the overflow */
af|panelTabbed::header:conveyor-belt:ltr,
af|panelTabbed::footer:conveyor-belt:ltr,
af|navigationPane-tabs::header:conveyor-belt:ltr {
  padding-left: 33px;
  padding-right: 61px;
}

af|panelTabbed::header:conveyor-belt:rtl,
af|panelTabbed::footer:conveyor-belt:rtl,
af|navigationPane-tabs::header:conveyor-belt:rtl {
  padding-left: 61px;
  padding-right: 33px;
}
/* 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: 14px;
  height: 14px;
  padding: 6px;
  /* reserve 1px for the hover and the active state so that it does not jump because of the border*/
  border: 1px solid transparent;
}

/* 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 {
  -tr-inhibit: top;
  -tr-inhibit: margin-top;
}

/* Adjust placement of overflow and conveyor belt images for larger top tab bar. */
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: -15px;
}

af|panelTabbed::footer af|panelTabbed::start-overflow-indicator,
af|panelTabbed::footer af|panelTabbed::end-overflow-indicator,
af|panelTabbed::footer af|panelTabbed::start-conveyor-belt-indicator,
af|panelTabbed::footer af|panelTabbed::end-conveyor-belt-indicator,
af|panelTabbed::footer af|panelTabbed::droplist-indicator{
  bottom: 4px;
}

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

af|panelTabbed::end-conveyor-belt-indicator:rtl,
af|navigationPane-tabs::end-conveyor-belt-indicator:rtl {
  left: 28px;
}
/* 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: -tr-property-ref(".AFButtonBorder: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");
    background-color: -tr-property-ref(".AFButtonHoverColor:alias","color");
    border: 1px solid -tr-property-ref(".AFButtonBorderHoverColor:alias","color");
  }
}

af|navigationPane-tabs::droplist-indicator:depressed,
af|panelTabbed::droplist-indicator:depressed {
  -tr-rule-ref: selector(".AFDroplistImageDepressed:alias");
  background-color: -tr-property-ref(".AFButtonActiveColor:alias","color");
  border: 1px solid -tr-property-ref(".AFButtonBorderActiveColor:alias","color");
}

@agent (touchScreen:none) {
  af|navigationPane-tabs::droplist-indicator:depressed:hover,
  af|panelTabbed::droplist-indicator:depressed:hover {
    -tr-rule-ref: selector(".AFDroplistImageDepressed:alias");
    background-color: -tr-property-ref(".AFButtonActiveColor:alias","color");
    border: 1px solid -tr-property-ref(".AFButtonBorderActiveColor:alias","color"); 
  }
}

/* Begin panelSplitter styles */

af|panelSplitter {
  -tr-divider-size: 10; /* the number of pixels between the two splitter panes for the divider */
  -tr-first-border: none;
  -tr-second-border: none;
  
}

/* The panelSplitter pane is only shown when first/second border attributes are set. */
af|panelSplitter::pane {
  
}

/* 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 {
  text-decoration: none;
  border-width: 1px;
  border-style: solid;
  border-color: -tr-property-ref(".AFButtonBorderColor:alias","color");
  width: 5px;
  height: 21px;
  margin-left: 3px;
  background-repeat: no-repeat;
  background-color: -tr-property-ref(".AFButtonGradientEndColor:alias","color");
  background-image: url("/afr/alta-v1/splitterhr_ena.png"), linear-gradient( to right,
                              -tr-property-ref(".AFButtonGradientEndColor:alias","color") 0%,
                              -tr-property-ref(".AFButtonGradientStop2Color:alias","color") 50%,
                              -tr-property-ref(".AFButtonGradientStop1Color:alias","color") 96.36%,
                              -tr-property-ref(".AFButtonGradientStartColor:alias","color") 100%);

}

af|panelSplitter::horizontal-divider:disclosed af|panelSplitter::horizontal-icon-style {
  background-image: url("/afr/alta-v1/splitterhc_ena.png"), linear-gradient( to right,
                              -tr-property-ref(".AFButtonGradientEndColor:alias","color") 0%,
                              -tr-property-ref(".AFButtonGradientStop2Color:alias","color") 50%,
                              -tr-property-ref(".AFButtonGradientStop1Color:alias","color") 96.36%,
                              -tr-property-ref(".AFButtonGradientStartColor:alias","color") 100%);
}

@agent ie {
  af|panelSplitter::horizontal-icon-style {
    background-image: url("/afr/alta-v1/splitterhr_ena.png");
    background-image: -ms-linear-gradient( right,
                      -tr-property-ref(".AFButtonGradientEndColor:alias","color") 0%,
                      -tr-property-ref(".AFButtonGradientStartColor:alias","color") 100%);
  }
  af|panelSplitter::horizontal-divider:disclosed af|panelSplitter::horizontal-icon-style {
    background-image: url("/afr/alta-v1/splitterhc_ena.png");
    background-image: -ms-linear-gradient( right,
                      -tr-property-ref(".AFButtonGradientEndColor:alias","color") 0%,
                      -tr-property-ref(".AFButtonGradientStartColor:alias","color") 100%);
  }
}
@agent webkit {
  af|panelSplitter::horizontal-icon-style {
    background-image: url("/afr/alta-v1/splitterhr_ena.png"), -webkit-linear-gradient(right, -tr-property-ref(".AFButtonGradientStartColor:alias","color") 0%, -tr-property-ref(".AFButtonGradientEndColor:alias","color") 100%);
  }
  af|panelSplitter::horizontal-divider:disclosed af|panelSplitter::horizontal-icon-style {
    background-image: url("/afr/alta-v1/splitterhc_ena.png"), -webkit-linear-gradient(right, -tr-property-ref(".AFButtonGradientStartColor:alias","color") 0%, -tr-property-ref(".AFButtonGradientEndColor:alias","color") 100%);
  }
}

/* Styles the highlighter that appears in the horizontal divider when the divider is hovered. */
af|panelSplitter::horizontal-highlighter {
  left:8px;
  border-left: 2px solid -tr-property-ref(".AFButtonTextHoverColor:alias","color");
  background-color: -tr-property-ref(".AFBackgroundBorderColor:alias","color");
  z-index: -1;
}

/* Styles the hilighter that appears in the vertical divider when the divider is hovered. */
af|panelSplitter::vertical-highlighter {
  top:8px;
  border-top: 2px solid -tr-property-ref(".AFButtonTextHoverColor:alias","color");
  background-color: -tr-property-ref(".AFBackgroundBorderColor:alias","color");
  z-index: -1;
}

@agent (touchScreen:none) {
  
  af|panelSplitter::horizontal-divider:hover af|panelSplitter::horizontal-icon-style {
    background-color: -tr-property-ref(".AFButtonHoverColor:alias","color");
    border-color: -tr-property-ref(".AFButtonBorderColor:alias","color");
    background-image: url("/afr/alta-v1/splitterhr_ovr.png");
  }

  af|panelSplitter::horizontal-divider:disclosed:hover af|panelSplitter::horizontal-icon-style {
    
    background-color: -tr-property-ref(".AFButtonHoverColor:alias","color");
    border-color: -tr-property-ref(".AFButtonBorderColor:alias","color");
    background-image: url("/afr/alta-v1/splitterhc_ovr.png");
  }

  
  af|panelSplitter::horizontal-divider:hover af|panelSplitter::horizontal-icon-style:active:focus,
  af|panelSplitter::horizontal-divider:hover af|panelSplitter::horizontal-icon-style:active {
    background-image: url("/afr/alta-v1/splitterhr_act.png");
    background-color: -tr-property-ref(".AFButtonActiveColor:alias","color");
    border-color: -tr-property-ref(".AFButtonBorderColor:alias","color");
  }
 
  af|panelSplitter::horizontal-divider:disclosed:hover af|panelSplitter::horizontal-icon-style:active:focus,
  af|panelSplitter::horizontal-divider:disclosed:hover af|panelSplitter::horizontal-icon-style:active {
    background-image: url("/afr/alta-v1/splitterhc_act.png");
    background-color: -tr-property-ref(".AFButtonActiveColor:alias","color");
    border-color: -tr-property-ref(".AFButtonBorderColor:alias","color");
  }
  
}

/*  Because we are now using the styles to determine the icons instead of allowing the 
    renderer to switch horizontal/vertical restore/collapse icons based on positioned from end,
    we need to duplicate all the styles above with the correct positioning
    */
af|panelSplitter::horizontal-divider:positioned-from-end af|panelSplitter::horizontal-icon-style {
  background-image: url("/afr/alta-v1/splitterhc_ena.png"), linear-gradient( to right ,
                              -tr-property-ref(".AFButtonGradientEndColor:alias","color") 0%,
                              -tr-property-ref(".AFButtonGradientStop2Color:alias","color") 50%,
                              -tr-property-ref(".AFButtonGradientStop1Color:alias","color") 96.36%,
                              -tr-property-ref(".AFButtonGradientStartColor:alias","color") 100%);
            
  margin-left: 1px;
}


af|panelSplitter::horizontal-divider:disclosed:positioned-from-end af|panelSplitter::horizontal-icon-style {
  background-image: url("/afr/alta-v1/splitterhr_ena.png"), linear-gradient( to right ,
                              -tr-property-ref(".AFButtonGradientEndColor:alias","color") 0%,
                              -tr-property-ref(".AFButtonGradientStop2Color:alias","color") 50%,
                              -tr-property-ref(".AFButtonGradientStop1Color:alias","color") 96.36%,
                              -tr-property-ref(".AFButtonGradientStartColor:alias","color") 100%);
  margin-left: 1px;
}

@agent ie {
  af|panelSplitter::horizontal-divider:positioned-from-end af|panelSplitter::horizontal-icon-style {
    background-image: url("/afr/alta-v1/splitterhc_ena.png");
    background-image: -ms-linear-gradient( right ,
                      -tr-property-ref(".AFButtonGradientEndColor:alias","color") 0%,
                      -tr-property-ref(".AFButtonGradientStartColor:alias","color") 100%);
  }
  af|panelSplitter::horizontal-divider:disclosed:positioned-from-end af|panelSplitter::horizontal-icon-style {
    background-image: url("/afr/alta-v1/splitterhr_ena.png");
    background-image: -ms-linear-gradient( right ,
                      -tr-property-ref(".AFButtonGradientEndColor:alias","color") 0%,
                      -tr-property-ref(".AFButtonGradientStartColor:alias","color") 100%);
  }  
  
}

@agent webkit {
  af|panelSplitter::horizontal-divider:positioned-from-end af|panelSplitter::horizontal-icon-style {
    background-image: url("/afr/alta-v1/splitterhc_ena.png"), -webkit-linear-gradient(right, -tr-property-ref(".AFButtonGradientStartColor:alias","color") 0%, -tr-property-ref(".AFButtonGradientEndColor:alias","color") 100%);
  }
  af|panelSplitter::horizontal-divider:disclosed:positioned-from-end af|panelSplitter::horizontal-icon-style {
    background-image: url("/afr/alta-v1/splitterhr_ena.png"), -webkit-linear-gradient(right, -tr-property-ref(".AFButtonGradientStartColor:alias","color") 0%, -tr-property-ref(".AFButtonGradientEndColor:alias","color") 100%);
  }
}

@agent (touchScreen:none) {
  
  af|panelSplitter::horizontal-divider:hover:positioned-from-end af|panelSplitter::horizontal-icon-style {
    background-image: url("/afr/alta-v1/splitterhc_ovr.png");
    border-color: -tr-property-ref(".AFButtonBorderColor:alias","color");
  }

  af|panelSplitter::horizontal-divider:disclosed:hover:positioned-from-end af|panelSplitter::horizontal-icon-style {
    background-color: -tr-property-ref(".AFButtonHoverColor:alias","color");
    background-image: url("/afr/alta-v1/splitterhr_ovr.png");
    border-color: -tr-property-ref(".AFButtonBorderColor:alias","color");
  }

  
  af|panelSplitter::horizontal-divider:hover:positioned-from-end af|panelSplitter::horizontal-icon-style:active {
    background-image: url("/afr/alta-v1/splitterhc_act.png");
    background-color: -tr-property-ref(".AFButtonActiveColor:alias","color");
  }

  af|panelSplitter::horizontal-divider:disclosed:hover:positioned-from-end af|panelSplitter::horizontal-icon-style:active {
    background-image: url("/afr/alta-v1/splitterhr_act.png");
    background-color: -tr-property-ref(".AFButtonActiveColor:alias","color");
    border-color: -tr-property-ref(".AFButtonBorderColor:alias","color");
  }
}

af|panelSplitter::horizontal-restore-icon {
  width: 5px;
  height: 21px;
  content: url('/afr/t.gif');
}

af|panelSplitter::horizontal-collapse-icon {
  width: 5px;
  height: 21px;
  content: url('/afr/t.gif');
}

af|panelSplitter::vertical-icon-style {
  border-width: 1px;
  border-style: solid;
  border-color: -tr-property-ref(".AFButtonBorderColor:alias","color");
  width: 21px;
  height: 5px;
  background-repeat: no-repeat;
  background-image: url("/afr/alta-v1/splittervr_ena.png"), linear-gradient( to top ,
                              -tr-property-ref(".AFButtonGradientEndColor:alias","color") 0%,
                              -tr-property-ref(".AFButtonGradientStop2Color:alias","color") 50%,
                              -tr-property-ref(".AFButtonGradientStop1Color:alias","color") 96.36%,
                              -tr-property-ref(".AFButtonGradientStartColor:alias","color") 100%);
  background-color: -tr-property-ref(".AFButtonGradientEndColor:alias","color");
}

af|body:high-contrast af|panelSplitter::vertical-icon-style {
  top: -8px;
}

@agent ie {
  af|panelSplitter::vertical-icon-style {
    margin-top: 5px;
  }
}

@agent gecko {
  af|panelSplitter::vertical-icon-style {
    margin-top: 5px;
  }
}

af|panelSplitter::vertical-divider:disclosed af|panelSplitter::vertical-icon-style {
  background-image: url("/afr/alta-v1/splittervc_ena.png"), linear-gradient( to top ,
                              -tr-property-ref(".AFButtonGradientEndColor:alias","color") 0%,
                              -tr-property-ref(".AFButtonGradientStop2Color:alias","color") 50%,
                              -tr-property-ref(".AFButtonGradientStop1Color:alias","color") 96.36%,
                              -tr-property-ref(".AFButtonGradientStartColor:alias","color") 100%);
}

@agent ie {
  af|panelSplitter::vertical-icon-style {
    background-image: url("/afr/alta-v1/splittervr_ena.png");
    background-image: -ms-linear-gradient( top ,
                      -tr-property-ref(".AFButtonGradientEndColor:alias","color") 0%,
                      -tr-property-ref(".AFButtonGradientStartColor:alias","color") 100%);
    
    }
  
  af|panelSplitter::vertical-divider:disclosed af|panelSplitter::vertical-icon-style {
    background-image: url("/afr/alta-v1/splittervc_ena.png");
    background-image: -ms-linear-gradient( top ,
                      -tr-property-ref(".AFButtonGradientEndColor:alias","color") 0%,
                      -tr-property-ref(".AFButtonGradientStartColor:alias","color") 100%);
  }
}

@agent webkit {
  af|panelSplitter::vertical-icon-style {
    background-image: url("/afr/alta-v1/splittervr_ena.png"), -webkit-linear-gradient(top, -tr-property-ref(".AFButtonGradientStartColor:alias","color") 0%, -tr-property-ref(".AFButtonGradientEndColor:alias","color") 100%);
  }
  af|panelSplitter::vertical-divider:disclosed af|panelSplitter::vertical-icon-style {
    background-image: url("/afr/alta-v1/splittervc_ena.png"), -webkit-linear-gradient(top, -tr-property-ref(".AFButtonGradientStartColor:alias","color") 0%, -tr-property-ref(".AFButtonGradientEndColor:alias","color") 100%);
  }
}

@agent (touchScreen:none) {
  af|panelSplitter::vertical-divider:hover af|panelSplitter::vertical-icon-style {
    background-color: -tr-property-ref(".AFButtonHoverColor:alias","color");
    background-image: url("/afr/alta-v1/splittervr_ovr.png");
    border-color: -tr-property-ref(".AFButtonBorderColor:alias","color");
  }

  af|panelSplitter::vertical-divider:disclosed:hover af|panelSplitter::vertical-icon-style {
    background-color: -tr-property-ref(".AFButtonHoverColor:alias","color");
    background-image: url("/afr/alta-v1/splittervc_ovr.png");
    border-color: -tr-property-ref(".AFButtonBorderColor:alias","color");
  }

  
  af|panelSplitter::vertical-divider:hover af|panelSplitter::vertical-icon-style:active:focus,
  af|panelSplitter::vertical-divider:hover af|panelSplitter::vertical-icon-style:active {
    background-image: url("/afr/alta-v1/splittervr_act.png");
    background-color: -tr-property-ref(".AFButtonActiveColor:alias","color");
    border-color: -tr-property-ref(".AFButtonBorderColor:alias","color");
  }
 
  af|panelSplitter::vertical-divider:disclosed:hover af|panelSplitter::vertical-icon-style:active:focus,
  af|panelSplitter::vertical-divider:disclosed:hover af|panelSplitter::vertical-icon-style:active {
    background-image: url("/afr/alta-v1/splittervc_act.png");
    background-color: -tr-property-ref(".AFButtonActiveColor:alias","color");
    border-color: -tr-property-ref(".AFButtonBorderColor:alias","color");
  }
}

/*  Because we are now using the styles to determine the icons instead of allowing the 
    renderer to switch horizontal/vertical restore/collapse icons based on positioned from end,
    we need to duplicate all the styles above with the correct images (opposite normal)
    */
af|panelSplitter::vertical-divider:positioned-from-end af|panelSplitter::vertical-icon-style {
  background-image: url("/afr/alta-v1/splittervc_ena.png"), -ms-linear-gradient( top ,
                              -tr-property-ref(".AFButtonGradientEndColor:alias","color") 0%,
                              -tr-property-ref(".AFButtonGradientStop2Color:alias","color") 50%,
                              -tr-property-ref(".AFButtonGradientStop1Color:alias","color") 96.36%,
                              -tr-property-ref(".AFButtonGradientStartColor:alias","color") 100%);
  background-image: url("/afr/alta-v1/splittervc_ena.png"), linear-gradient( to top ,
                              -tr-property-ref(".AFButtonGradientEndColor:alias","color") 0%,
                              -tr-property-ref(".AFButtonGradientStop2Color:alias","color") 50%,
                              -tr-property-ref(".AFButtonGradientStop1Color:alias","color") 96.36%,
                              -tr-property-ref(".AFButtonGradientStartColor:alias","color") 100%);
}

af|panelSplitter::vertical-divider:disclosed:positioned-from-end af|panelSplitter::vertical-icon-style {
  background-image: url("/afr/alta-v1/splittervr_ena.png"), -ms-linear-gradient( top,
                              -tr-property-ref(".AFButtonGradientEndColor:alias","color") 0%,
                              -tr-property-ref(".AFButtonGradientStop2Color:alias","color") 50%,
                              -tr-property-ref(".AFButtonGradientStop1Color:alias","color") 96.36%,
                              -tr-property-ref(".AFButtonGradientStartColor:alias","color") 100%);
  background-image: url("/afr/alta-v1/splittervr_ena.png"), linear-gradient( to top,
                              -tr-property-ref(".AFButtonGradientEndColor:alias","color") 0%,
                              -tr-property-ref(".AFButtonGradientStop2Color:alias","color") 50%,
                              -tr-property-ref(".AFButtonGradientStop1Color:alias","color") 96.36%,
                              -tr-property-ref(".AFButtonGradientStartColor:alias","color") 100%);
}

@agent ie {
  af|panelSplitter::vertical-divider:positioned-from-end af|panelSplitter::vertical-icon-style {
    background-image: url("/afr/alta-v1/splittervc_ena.png");
    background-image: -ms-linear-gradient( top ,
                      -tr-property-ref(".AFButtonGradientEndColor:alias","color") 0%,
                      -tr-property-ref(".AFButtonGradientStartColor:alias","color") 100%);
  }
  
  af|panelSplitter::vertical-divider:disclosed:positioned-from-end af|panelSplitter::vertical-icon-style {
    background-image: url("/afr/alta-v1/splittervr_ena.png");
    background-image: -ms-linear-gradient( top,
                      -tr-property-ref(".AFButtonGradientEndColor:alias","color") 0%,
                      -tr-property-ref(".AFButtonGradientStartColor:alias","color") 100%);
  }  
}

@agent webkit {
  af|panelSplitter::vertical-divider:positioned-from-end af|panelSplitter::vertical-icon-style {
    background-image: url("/afr/alta-v1/splittervc_ena.png"), -webkit-linear-gradient(top, -tr-property-ref(".AFButtonGradientStartColor:alias","color") 0%, -tr-property-ref(".AFButtonGradientEndColor:alias","color") 100%);
  }
  af|panelSplitter::vertical-divider:disclosed:positioned-from-end af|panelSplitter::vertical-icon-style {
    background-image: url("/afr/alta-v1/splittervr_ena.png"), -webkit-linear-gradient(top, -tr-property-ref(".AFButtonGradientStartColor:alias","color") 0%, -tr-property-ref(".AFButtonGradientEndColor:alias","color") 100%);
  }
}

@agent (touchScreen:none) {
  
  af|panelSplitter::vertical-divider:hover:positioned-from-end af|panelSplitter::vertical-icon-style {
    background-color: -tr-property-ref(".AFButtonHoverColor:alias","color");
    background-image: url("/afr/alta-v1/splittervc_ovr.png");
    border-color: -tr-property-ref(".AFButtonBorderColor:alias","color");
  }

  af|panelSplitter::vertical-divider:disclosed:hover:positioned-from-end af|panelSplitter::vertical-icon-style {
    background-image: url("/afr/alta-v1/splittervr_ovr.png");
    background-color: -tr-property-ref(".AFButtonHoverColor:alias","color");
    border-color: -tr-property-ref(".AFButtonBorderColor:alias","color");
  }

  
  af|panelSplitter::vertical-divider:hover:positioned-from-end af|panelSplitter::vertical-icon-style:active {
    background-image: url("/afr/alta-v1/splittervc_act.png");
    background-color: -tr-property-ref(".AFButtonActiveColor:alias","color");
    border-color: -tr-property-ref(".AFButtonBorderColor:alias","color");
  }

  af|panelSplitter::vertical-divider:disclosed:hover:positioned-from-end af|panelSplitter::vertical-icon-style:active {
    background-image: url("/afr/alta-v1/splittervr_act.png");
    background-color: -tr-property-ref(".AFButtonActiveColor:alias","color");
    border-color: -tr-property-ref(".AFButtonBorderColor:alias","color");
  }
}


af|panelSplitter::vertical-restore-icon {
  height: 5px;
  width: 21px;
  content: url('/afr/t.gif');
  cursor: default;
  vertical-align: top;
}

af|panelSplitter::vertical-collapse-icon {
  height: 5px;
  width: 21px;
  content: url('/afr/t.gif');
  cursor: default;
  vertical-align: top;
}

af|panelSplitter::vertical-icon-container {
  top: -2px;
}

af|panelSplitter::horizontal-highlighter:flow {
  left: auto;
}

af|panelSplitter::horizontal-divider:positioned-from-end af|panelSplitter::horizontal-highlighter {
  left:0px;
  border-left: 2px solid -tr-property-ref(".AFButtonTextHoverColor:alias","color");
  background-color: -tr-property-ref(".AFBackgroundBorderColor:alias","color");
  z-index: -1;
}

af|panelSplitter::horizontal-divider:positioned-from-end af|panelSplitter::horizontal-highlighter:flow {
  left: auto;
  margin-left: auto;
}


af|panelSplitter::vertical-divider:positioned-from-end af|panelSplitter::vertical-highlighter {
  top:0px;
  border-top: 2px solid -tr-property-ref(".AFButtonTextHoverColor:alias","color");
  background-color: -tr-property-ref(".AFBackgroundBorderColor:alias","color");
  z-index: -1;
}

/* 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 {
  color: -tr-property-ref(".AFTextColor: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");
  -tr-inhibit: color;
}

af|carousel::control-area:circular:vertical,
af|carousel::item-text:circular:vertical {
  border-right: 2px solid -tr-property-ref(".AFActiveColor:alias","color");
  border-left: 2px solid -tr-property-ref(".AFActiveColor:alias","color");
  border-bottom: 2px solid -tr-property-ref(".AFActiveColor:alias","color");
  border-top: 1px solid -tr-property-ref(".AFPanelBorderColor:alias","color");
  box-shadow: 0px 0px 3px 0 rgba(0, 0, 0, .35);
}

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-text:circular,
af|carousel::item-text:one-by-one {
  padding-bottom: 10px;
}

af|carousel::item-text:circular:small,
af|carousel::item-text:one-by-one:small,
af|carousel::item-text:circular:compact,
af|carousel::item-text:one-by-one:compact,
af|carousel:vertical af|carousel::item-text:vertical:circular:small,
af|carousel:vertical af|carousel::item-text:vertical:one-by-one:small,
af|carousel:vertical af|carousel::item-text:vertical:circular:compact,
af|carousel:vertical af|carousel::item-text:vertical:one-by-one:compact {
  padding-bottom: 0px;
  padding-top: 0px;
}

af|carousel:vertical af|carousel::item-text:circular:vertical,
af|carousel:vertical af|carousel::item-text:one-by-one:vertical {
  padding-top: 7px;
  padding-bottom: 7px;
}

af|carousel::item {
  background-color: -tr-property-ref("AFComponentBackgroundColor","color");
}

af|carousel::item:circular {
  border-width: 1px;
  box-shadow: 0px 0px 2px 0 rgba(0, 0, 0, .20);
}

@agent (touchScreen:none) {
  af|carousel::item:circular:hover {
    box-shadow: 0px 0px 2px 0 rgba(0, 0, 0, .35);
    border-width: 2px;
    border-color: -tr-property-ref(".AFHoverPrimaryColor: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 {
  box-shadow: 0px 0px 3px 0 rgba(0, 0, 0, .20);
}

af|carousel::item:circular:selected {
  box-shadow: 0px 0px 3px 0 rgba(0, 0, 0, .35);
  border-color: -tr-property-ref(".AFActiveColor:alias","color");
  border-width: 2px;
}

@agent (touchScreen:none) {
  af|carousel::item:circular:selected:hover {
    box-shadow: 0px 0px 3px 0 rgba(0, 0, 0, .35);
    border-color: -tr-property-ref(".AFActiveColor:alias","color");
    border-width: 2px;
  }
}

af|carousel:vertical af|carousel::item:circular:selected {
  border-bottom-color: transparent;
}

@agent (touchScreen:none) {
  af|carousel:vertical af|carousel::item:circular:selected:hover {
    border-bottom-color: transparent;
  }
}

af|carousel::item-text:small:circular,
af|carousel::item-text:small:one-by-one,
af|carousel::spin-info:small {
  -tr-rule-ref: selector(".AFDefaultFontSize:alias");
  font-size: -1;
}

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 {
  height: 28px;
  background-image: url('/afr/alta-v1/carousel-spin-bar-h.png');
}

af|carousel::spin-bar:disabled {
  background-image: url('/afr/alta-v1/carousel-spin-bar-h-d.png');
}

af|carousel::spin-bar:vertical {
  width: 28px;
  background-repeat: repeat-y;
  background-image: url('/afr/alta-v1/carousel-spin-bar-v.png');
}

af|carousel::spin-bar:vertical:disabled {
  background-image: url('/afr/alta-v1/carousel-spin-bar-v-d.png');
}

af|carousel::spin-h-previous-icon-style:ltr,
af|carousel::spin-h-next-icon-style:rtl {
  width: 28px;
  height: 28px;
  background-image: url('/afr/alta-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/alta-v1/carousel-spin-left-d.png');
}

af|carousel::spin-h-next-icon-style:ltr,
af|carousel::spin-h-previous-icon-style:rtl {
  width: 28px;
  height: 28px;
  background-image: url('/afr/alta-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/alta-v1/carousel-spin-right-d.png');
}

af|carousel::spin-v-previous-icon-style {
  height: 28px;
  width: 28px;
  background-image: url('/afr/alta-v1/carousel-spin-up.png');
}

af|carousel::spin-v-previous-icon-style:disabled {
  background-image: url('/afr/alta-v1/carousel-spin-up-d.png');
}

af|carousel::spin-v-next-icon-style {
  height: 28px;
  width: 28px;
  background-image: url('/afr/alta-v1/carousel-spin-down.png');
}

af|carousel::spin-v-next-icon-style:disabled {
  background-image: url('/afr/alta-v1/carousel-spin-down-d.png');
}

af|carousel::spin-h-thumb-icon-style {
  width: 14px;
  height: 28px;
  background-image: url('/afr/alta-v1/carousel-spin-marker-h.png');
}


af|carousel::spin-h-thumb-icon-style:disabled {
  background-image: url('/afr/alta-v1/carousel-spin-marker-h-d.png');
}

af|carousel::spin-v-thumb-icon-style {
  width: 28px;
  height: 14px;
}

af|carousel::spin-v-thumb-icon-style:ltr {
  background-image: url('/afr/alta-v1/carousel-spin-marker-v.png');
}

af|carousel::spin-v-thumb-icon-style:disabled:ltr {
  background-image: url('/afr/alta-v1/carousel-spin-marker-v-d.png');
}

af|carousel::spin-v-thumb-icon-style:rtl {
  background-image: url('/afr/alta-v1/carousel-spin-marker-v-rtl.png');
}

af|carousel::spin-v-thumb-icon-style:disabled:rtl {
  background-image: url('/afr/alta-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 {
  width: 14px;
  height: 14px;
  padding: 6px;
  background-image: url('/afr/alta-v1/conv_l_ena.png');
  background-position: center center;
  background-color: transparent;
  border: 1px solid transparent;
  border-radius: -tr-property-ref(".AFButtonBorder:alias","border-radius");
}


@agent (touchScreen) {
  af|carousel::spin-h-previous-icon-style:compact:active:ltr,
  af|carousel::spin-h-previous-icon-style:small:active:ltr {
    background-image: url('/afr/alta-v1/conv_l_dwn.png');
    background-color: -tr-property-ref(".AFButtonActiveColor:alias","color");
    border: 1px solid -tr-property-ref(".AFButtonBorderActiveColor:alias","color");
  }

  af|carousel::spin-h-previous-icon-style:compact:disabled:ltr,
  af|carousel::spin-h-previous-icon-style:compact:disabled:active:ltr,
  af|carousel::spin-h-previous-icon-style:small:disabled:ltr,
  af|carousel::spin-h-previous-icon-style:small:disabled:active:ltr {
    background-image: url('/afr/alta-v1/conv_l_dis.png');
    border-color: transparent;
    background-color: transparent;
  }
}

@agent (touchScreen:none) {

  /* remove focus/active effect on slider controls */
  af|carousel:active,
  af|carousel:link:active,
  af|carousel:focus,
  af|carousel::spin-h-thumb-icon-style:active,
  af|carousel::spin-h-thumb-icon-style:link:active,
  af|carousel::spin-h-thumb-icon-style:focus,
  af|carousel::spin-h-previous-icon-style:active,
  af|carousel::spin-h-previous-icon-style:link:active,
  af|carousel::spin-h-previous-icon-style:focus,
  af|carousel::spin-h-next-icon-style:active,
  af|carousel::spin-h-next-icon-style:link:active,
  af|carousel::spin-h-next-icon-style:focus,
  af|carousel::spin-v-thumb-icon-style:active,
  af|carousel::spin-v-thumb-icon-style:link:active,
  af|carousel::spin-v-thumb-icon-style:focus,
  af|carousel::spin-v-previous-icon-style:active,
  af|carousel::spin-v-previous-icon-style:link:active,
  af|carousel::spin-v-previous-icon-style:focus,
  af|carousel::spin-v-next-icon-style:active,
  af|carousel::spin-v-next-icon-style:link:active,
  af|carousel::spin-v-next-icon-style:focus {
    outline: 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/alta-v1/conv_l_ovr.png');
    background-color: -tr-property-ref(".AFButtonHoverColor:alias","color");
    color: -tr-property-ref(".AFButtonTextHoverColor:alias","color");
    border: 1px solid -tr-property-ref(".AFButtonBorderHoverColor:alias","color");
  }
  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/alta-v1/conv_l_dwn.png');
    background-color: -tr-property-ref(".AFButtonActiveColor:alias","color");
    border: 1px solid -tr-property-ref(".AFButtonBorderActiveColor:alias","color");
  }
  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/alta-v1/conv_l_dis.png');
    border-color: transparent;
    background-color: transparent;
  }
}

af|carousel::spin-h-previous-icon-style:compact:disabled:ltr,
af|carousel::spin-h-previous-icon-style:small:disabled:ltr {
  background-image: url('/afr/alta-v1/conv_l_dis.png');
}

af|carousel::spin-h-next-icon-style:compact:ltr,
af|carousel::spin-h-next-icon-style:small:ltr {
  width: 14px;
  height: 14px;
  padding: 6px;
  background-image: url('/afr/alta-v1/conv_r_ena.png');
  background-position: center center;
  background-color: transparent;
  border: 1px solid transparent;
  border-radius: -tr-property-ref(".AFButtonBorder:alias","border-radius");
}

@agent (touchScreen) {
  af|carousel::spin-h-next-icon-style:compact:active:ltr,
  af|carousel::spin-h-next-icon-style:small:active:ltr {
    background-image: url('/afr/alta-v1/conv_r_dwn.png');
    background-color: -tr-property-ref(".AFButtonActiveColor:alias","color");
    border: 1px solid -tr-property-ref(".AFButtonBorderActiveColor:alias","color");
  }
  af|carousel::spin-h-next-icon-style:compact:disabled:ltr,
  af|carousel::spin-h-next-icon-style:compact:disabled:active:ltr,
  af|carousel::spin-h-next-icon-style:small:disabled:ltr,
  af|carousel::spin-h-next-icon-style:small:disabled:active:ltr {
    background-image: url('/afr/alta-v1/conv_r_dis.png');
    border-color: transparent;
    background-color: transparent;
  }
}

@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/alta-v1/conv_r_ovr.png');
    background-color: -tr-property-ref(".AFButtonHoverColor:alias","color");
    color: -tr-property-ref(".AFButtonTextHoverColor:alias","color");
    border: 1px solid -tr-property-ref(".AFButtonBorderHoverColor:alias","color");
  }
  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/alta-v1/conv_r_dwn.png');
    background-color: -tr-property-ref(".AFButtonActiveColor:alias","color");
    border: 1px solid -tr-property-ref(".AFButtonBorderActiveColor:alias","color");
  }
  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/alta-v1/conv_r_dis.png');
    border-color: transparent;
    background-color: transparent;
  }
}

af|carousel::spin-h-next-icon-style:compact:disabled:ltr,
af|carousel::spin-h-next-icon-style:small:disabled:ltr {
  background-image: url('/afr/alta-v1/conv_r_dis.png');
}

af|carousel::spin-v-previous-icon-style:compact:ltr,
af|carousel::spin-v-previous-icon-style:small:ltr {
  width: 14px;
  height: 14px;
  padding: 6px;
  background-image: url('/afr/alta-v1/conv_u_ena.png');
  background-position: center center;
  background-color: transparent;
  border: 1px solid transparent;
  border-radius: -tr-property-ref(".AFButtonBorder:alias","border-radius");
}

@agent (touchScreen) {
  af|carousel::spin-v-previous-icon-style:compact:active:ltr,
  af|carousel::spin-v-previous-icon-style:small:active:ltr {
    background-image: url('/afr/alta-v1/conv_u_dwn.png');
    background-color: -tr-property-ref(".AFButtonActiveColor:alias","color");
    border: 1px solid -tr-property-ref(".AFButtonBorderActiveColor:alias","color");
  }
  af|carousel::spin-v-previous-icon-style:compact:disabled:ltr,
  af|carousel::spin-v-previous-icon-style:compact:disabled:active:ltr,
  af|carousel::spin-v-previous-icon-style:small:disabled:ltr,
  af|carousel::spin-v-previous-icon-style:small:disabled:active:ltr {
    background-image: url('/afr/alta-v1/conv_u_dis.png');
    border-color: transparent;
    background-color: transparent;
  }
}

@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/alta-v1/conv_u_ovr.png');
    background-color: -tr-property-ref(".AFButtonHoverColor:alias","color");
    color: -tr-property-ref(".AFButtonTextHoverColor:alias","color");
    border: 1px solid -tr-property-ref(".AFButtonBorderHoverColor:alias","color");
  }
  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/alta-v1/conv_u_dwn.png');
    background-color: -tr-property-ref(".AFButtonActiveColor:alias","color");
    border: 1px solid -tr-property-ref(".AFButtonBorderActiveColor:alias","color");
  }
  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/alta-v1/conv_u_dis.png');
    border-color: transparent;
    background-color: transparent;
  }
}

af|carousel::spin-v-previous-icon-style:compact:disabled:ltr,
af|carousel::spin-v-previous-icon-style:small:disabled:ltr {
  background-image: url('/afr/alta-v1/conv_u_dis.png');
}

af|carousel::spin-v-next-icon-style:compact:ltr,
af|carousel::spin-v-next-icon-style:small:ltr {
  width: 14px;
  height: 14px;
  padding: 6px;
  background-image: url('/afr/alta-v1/conv_d_ena.png');
  background-position: center center;
  background-color: transparent;
  border: 1px solid transparent;
  border-radius: -tr-property-ref(".AFButtonBorder:alias","border-radius");
}

@agent (touchScreen) {
  af|carousel::spin-v-next-icon-style:compact:active:ltr,
  af|carousel::spin-v-next-icon-style:small:active:ltr {
    background-image: url('/afr/alta-v1/conv_d_dwn.png');
    background-color: -tr-property-ref(".AFButtonActiveColor:alias","color");
    border: 1px solid -tr-property-ref(".AFButtonBorderActiveColor:alias","color");
  }
  af|carousel::spin-v-next-icon-style:compact:disabled:ltr,
  af|carousel::spin-v-next-icon-style:compact:disabled:active:ltr,
  af|carousel::spin-v-next-icon-style:small:disabled:ltr,
  af|carousel::spin-v-next-icon-style:small:disabled:active:ltr {
    background-image: url('/afr/alta-v1/conv_d_dis.png');
    border-color: transparent;
    background-color: transparent;
  }
}

@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/alta-v1/conv_d_ovr.png');
    background-color: -tr-property-ref(".AFButtonHoverColor:alias","color");
    color: -tr-property-ref(".AFButtonTextHoverColor:alias","color");
    border: 1px solid -tr-property-ref(".AFButtonBorderHoverColor:alias","color");
  }
  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/alta-v1/conv_d_dwn.png');
    background-color: -tr-property-ref(".AFButtonActiveColor:alias","color");
    border: 1px solid -tr-property-ref(".AFButtonBorderActiveColor:alias","color");
  }
  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/alta-v1/conv_d_dis.png');
    border-color: transparent;
    background-color: transparent;
  }
}

af|carousel::spin-v-next-icon-style:compact:disabled:ltr,
af|carousel::spin-v-next-icon-style:small:disabled:ltr {
  background-image: url('/afr/alta-v1/conv_d_dis.png');
}

af|carousel::spin-h-previous-icon-style:compact:rtl,
af|carousel::spin-h-previous-icon-style:small:rtl {
  width: 14px;
  height: 14px;
  padding: 6px;
  background-image: url('/afr/alta-v1/conv_l_ena.png');
  background-position: center center;
  background-color: transparent;
  border: 1px solid transparent;
  border-radius: -tr-property-ref(".AFButtonBorder:alias","border-radius");
}

@agent (touchScreen) {
  af|carousel::spin-h-previous-icon-style:compact:active:rtl,
  af|carousel::spin-h-previous-icon-style:small:active:rtl {
    background-image: url('/afr/alta-v1/conv_l_dwn.png');
    background-color: -tr-property-ref(".AFButtonActiveColor:alias","color");
    border: 1px solid -tr-property-ref(".AFButtonBorderActiveColor:alias","color");
  }
  af|carousel::spin-h-previous-icon-style:compact:disabled:rtl,
  af|carousel::spin-h-previous-icon-style:compact:active:disabled:rtl,
  af|carousel::spin-h-previous-icon-style:small:disabled:rtl,
  af|carousel::spin-h-previous-icon-style:small:disabled:active:rtl {
    background-image: url('/afr/alta-v1/conv_l_dis.png');
    border-color: transparent;
    background-color: transparent;
  }
}

@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/alta-v1/conv_l_ovr.png');
    background-color: -tr-property-ref(".AFButtonHoverColor:alias","color");
    color: -tr-property-ref(".AFButtonTextHoverColor:alias","color");
    border: 1px solid -tr-property-ref(".AFButtonBorderHoverColor:alias","color");
  }
  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/alta-v1/conv_l_dwn.png');
    background-color: -tr-property-ref(".AFButtonActiveColor:alias","color");
    border: 1px solid -tr-property-ref(".AFButtonBorderActiveColor:alias","color");
  }
  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/alta-v1/conv_l_dis.png');
    border-color: transparent;
    background-color: transparent;
  }
}


af|carousel::spin-h-previous-icon-style:compact:disabled:rtl,
af|carousel::spin-h-previous-icon-style:small:disabled:rtl {
  background-image: url('/afr/alta-v1/conv_r_dis.png');
}

af|carousel::spin-h-next-icon-style:compact:rtl,
af|carousel::spin-h-next-icon-style:small:rtl {
  width: 14px;
  height: 14px;
  padding: 6px;
  background-image: url('/afr/alta-v1/conv_r_ena.png');
  background-position: center center;
  background-color: transparent;
  border: 1px solid transparent;
  border-radius: -tr-property-ref(".AFButtonBorder:alias","border-radius");
}

@agent (touchScreen) {
  af|carousel::spin-h-next-icon-style:compact:active:rtl,
  af|carousel::spin-h-next-icon-style:small:active:rtl {
    background-image: url('/afr/alta-v1/conv_r_dwn.png');
    background-color: -tr-property-ref(".AFButtonActiveColor:alias","color");   
    border: 1px solid -tr-property-ref(".AFButtonBorderActiveColor:alias","color");
  }
  af|carousel::spin-h-next-icon-style:compact:disabled:rtl,
  af|carousel::spin-h-next-icon-style:compact:disabled:active:rtl,
  af|carousel::spin-h-next-icon-style:compact:disabled:focus:rtl,
  af|carousel::spin-h-next-icon-style:small:disabled:rtl,
  af|carousel::spin-h-next-icon-style:small:disabled:active:rtl,
  af|carousel::spin-h-next-icon-style:small:disabled:focus:rtl {
    background-image: url('/afr/alta-v1/conv_r_dis.png');
    border-color: transparent;
    background-color: transparent;
  }
}

@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/alta-v1/conv_r_ovr.png');
    background-color: -tr-property-ref(".AFButtonHoverColor:alias","color");
    color: -tr-property-ref(".AFButtonTextHoverColor:alias","color");
    border: 1px solid -tr-property-ref(".AFButtonBorderHoverColor:alias","color");
  }
  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/alta-v1/conv_r_dwn.png');
    background-color: -tr-property-ref(".AFButtonActiveColor:alias","color");
    border: 1px solid -tr-property-ref(".AFButtonBorderActiveColor:alias","color");
  }
  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/alta-v1/conv_r_dis.png');
    border-color: transparent;
    background-color: transparent;
  }
}

af|carousel::spin-h-next-icon-style:compact:disabled:rtl,
af|carousel::spin-h-next-icon-style:small:disabled:rtl {
  background-image: url('/afr/alta-v1/conv_r_dis.png');
}

af|carousel::spin-v-previous-icon-style:compact:rtl,
af|carousel::spin-v-previous-icon-style:small:rtl {
  width: 14px;
  height: 14px;
  padding: 6px;
  background-image: url('/afr/alta-v1/conv_u_ena.png');
  background-position: center center;
  background-color: transparent;
  border: 1px solid transparent;
  border-radius: -tr-property-ref(".AFButtonBorder:alias","border-radius");
}

@agent (touchScreen) {
  af|carousel::spin-v-previous-icon-style:compact:active:rtl,
  af|carousel::spin-v-previous-icon-style:small:active:rtl {
    background-image: url('/afr/alta-v1/conv_u_dwn.png');
    background-color: -tr-property-ref(".AFButtonActiveColor:alias","color");
    border: 1px solid -tr-property-ref(".AFButtonBorderActiveColor:alias","color");
  }
  af|carousel::spin-v-previous-icon-style:compact:disabled:rtl,
  af|carousel::spin-v-previous-icon-style:compact:disabled:active:rtl,
  af|carousel::spin-v-previous-icon-style:small:disabled:rtl,
  af|carousel::spin-v-previous-icon-style:small:disabled:active:rtl {
    background-image: url('/afr/alta-v1/conv_u_dis.png');
    border-color: transparent;
    background-color: transparent;
  }
}

@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/alta-v1/conv_u_ovr.png');
    background-color: -tr-property-ref(".AFButtonHoverColor:alias","color");
    color: -tr-property-ref(".AFButtonTextHoverColor:alias","color");
    border: 1px solid -tr-property-ref(".AFButtonBorderHoverColor:alias","color");
  }
  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/alta-v1/conv_u_dwn.png');
    background-color: -tr-property-ref(".AFButtonActiveColor:alias","color");
    border: 1px solid -tr-property-ref(".AFButtonBorderActiveColor:alias","color");
  }
  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/alta-v1/conv_u_dis.png');
    border-color: transparent;
    background-color: transparent;
  }
}

af|carousel::spin-v-previous-icon-style:compact:disabled:rtl,
af|carousel::spin-v-previous-icon-style:small:disabled:rtl {
  background-image: url('/afr/alta-v1/conv_u_dis.png');
}

af|carousel::spin-v-next-icon-style:compact:rtl,
af|carousel::spin-v-next-icon-style:small:rtl {
  width: 14px;
  height: 14px;
  padding: 6px;
  background-image: url('/afr/alta-v1/conv_d_ena.png');
  background-position: center center;
  background-color: transparent;
  border: 1px solid transparent;
  border-radius: -tr-property-ref(".AFButtonBorder:alias","border-radius");
}

@agent (touchScreen) {
  af|carousel::spin-v-next-icon-style:compact:active:rtl,
  af|carousel::spin-v-next-icon-style:small:active:rtl {
    background-image: url('/afr/alta-v1/conv_d_dwn.png');
    background-color: -tr-property-ref(".AFButtonActiveColor:alias","color");
    border: 1px solid -tr-property-ref(".AFButtonBorderActiveColor:alias","color");
  }
  af|carousel::spin-v-next-icon-style:compact:disabled:rtl,
  af|carousel::spin-v-next-icon-style:compact:disabled:active:rtl,
  af|carousel::spin-v-next-icon-style:small:disabled:rtl,
  af|carousel::spin-v-next-icon-style:small:disabled:active:rtl {
    background-image: url('/afr/alta-v1/conv_d_dis.png');
    border-color: transparent;
    background-color: transparent;
  }
}

@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/alta-v1/conv_d_ovr.png');
    background-color: -tr-property-ref(".AFButtonHoverColor:alias","color");
    color: -tr-property-ref(".AFButtonTextHoverColor:alias","color");
    border: 1px solid -tr-property-ref(".AFButtonBorderHoverColor:alias","color");
  }
  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/alta-v1/conv_d_dwn.png');
    background-color: -tr-property-ref(".AFButtonActiveColor:alias","color");
    border: 1px solid -tr-property-ref(".AFButtonBorderActiveColor:alias","color");
  }
  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/alta-v1/conv_d_dis.png');
    border-color: transparent;
    background-color: transparent;
  }
}

af|carousel::spin-v-next-icon-style:compact:disabled:rtl,
af|carousel::spin-v-next-icon-style:small:disabled:rtl {
  background-image: url('/afr/alta-v1/conv_d_dis.png');
}

/* End carousel styles */

/* Start of af:panelAccordion styles */
af|panelAccordion {
  -tr-header-height: 33;
  -tr-overflow-height: 31;
}

af|panelAccordion::header,
af|panelAccordion::header-subsequent {
  padding: 0px 3px 0px 0px;
  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-subsequent {
   /* The border of subsequent headers either comes from content above or the header above*/
  border-top: none;
}

af|panelAccordion::header { 
  /* border-radius is required to use aliases */
  border-top-left-radius: -tr-property-ref(".AFSmallBorderRadius:alias","border-radius");
  border-top-right-radius: -tr-property-ref(".AFSmallBorderRadius:alias","border-radius");
}

af|panelAccordion::header:rtl,
af|panelAccordion::header-subsequent:rtl {
  padding: 0px 0px 0px 3px;
}

af|panelAccordion::header-title:rtl {
  padding-left: 3px;
  padding-right: 0px;
}

af|panelAccordion::header-disclose,
af|panelAccordion::header-title,
af|panelAccordion::header-toolbar {
  background-color: transparent;
  border-color: transparent;
}

/* the image that corresponds to the showDetailItem icon in the header */
af|panelAccordion::icon-style {
  padding-right: 6px;
}

/* the image that corresponds to the showDetailItem icon in the header in RTL */
af|panelAccordion::icon-style:rtl {
  padding-left: 6px;
}

af|panelAccordion::header-title {
  color: -tr-property-ref(".AFHeaderTextColor:alias","color");
  -tr-rule-ref: selector(".AFDefaultFont:alias");
  font-weight: -tr-property-ref(".AFDefaultBoldFont:alias","font-weight");
  font-size: +2;
  vertical-align: middle;
}

af|panelAccordion::header-title:rtl {
  padding-left: 3px;
  padding-right: 0px;
}

/* Use 9x padding to the left when there is no icon for disclosure */
af|panelAccordion::header:disclosed af|panelAccordion::header-title,
af|panelAccordion::header-subsequent:disclosed af|panelAccordion::header-title,
af|panelAccordion::header:disabled af|panelAccordion::header-title,
af|panelAccordion::header-subsequent:disabled af|panelAccordion::header-title{
  padding-left: 9px;
}

af|panelAccordion::header:disclosed af|panelAccordion::header-title:rtl,
af|panelAccordion::header-subsequent:disclosed af|panelAccordion::header-title:rtl,
af|panelAccordion::header:disabled af|panelAccordion::header-title:rtl,
af|panelAccordion::header-subsequent:disabled af|panelAccordion::header-title:rtl{
  padding-right: 9px;
}

af|panelAccordion::header:disclosable:disclosed af|panelAccordion::header-title,
af|panelAccordion::header-subsequent:disclosable:disclosed af|panelAccordion::header-title{
  padding-left: 0px;
}

af|panelAccordion::header:disclosable:disclosed af|panelAccordion::header-title:rtl,
af|panelAccordion::header-subsequent:disclosable:disclosed af|panelAccordion::header-title:rtl{
  padding-right: 0px;
}

af|panelAccordion::header,
af|panelAccordion::header-subsequent {
  background-image: linear-gradient(top, -tr-property-ref(". AFAccordionHeaderGradientStartColor:alias","color") 0%, -tr-property-ref(". AFAccordionHeaderGradientEndColor:alias","color") 100%);
}

@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 {
  -tr-rule-ref: selector(".AFTextColor:alias");
  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");
}

/* Override simple skin's assignment of AFTextForeground on header toolbar area */
af|panelAccordion af|panelAccordion::header af|toolbar,
af|panelAccordion af|panelAccordion::header-subsequent af|toolbar,
af|panelAccordion af|panelAccordion::header af|toolbar::body,
af|panelAccordion af|panelAccordion::header-subsequent af|toolbar::body,
af|panelAccordion::ghost af|panelAccordion::header af|toolbar,
af|panelAccordion::ghost af|panelAccordion::header-subsequent af|toolbar,
af|panelAccordion::ghost af|panelAccordion::header af|toolbar::body,
af|panelAccordion::ghost af|panelAccordion::header-subsequent af|toolbar::body {
  color: -tr-property-ref(".AFHeaderTextColor:alias","color");
}

/* Icons */
af|panelAccordion::disclosed-icon-style {
  -tr-rule-ref: selector(".AFDisclosedIconStyle:alias");
  width: 24px;
  height: 24px;
}
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");
  width: 24px;
  height: 24px;
}

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");
}

/* inside of the header root, this is the container for the disclosure button */
af|panelAccordion::header-disclose {
  -tr-inhibit: padding-left;
  -tr-inhibit: padding-right;
}

/* inside of the header root, this is the container for the disclosure button in RTL */
af|panelAccordion::header-disclose:rtl {
  -tr-inhibit: padding-left;
  -tr-inhibit: padding-right;
}

/* the top overflow link for panelAccordion */
af|panelAccordion::overflow-container {
  padding: 3px 10px;
}

af|panelAccordion::top-overflow-indicator {
  left: 0px;
}

af|panelAccordion::top-overflow-indicator:rtl {
  right: 0px;
}


/* the bottom overflow link for panelAccordion */
af|panelAccordion::bottom-overflow-indicator {
  right: 0px;
}

af|panelAccordion::bottom-overflow-indicator:rtl {
  left: 0px;
}

/* add more specificity to the active state when hover is enabled */
@agent (touchScreen:none) {
af|panelAccordion::top-overflow-indicator:hover:depressed {
    -tr-rule-ref: selector(".AFOverflowImageVerticalStartDepressed:alias");
  }
  af|panelAccordion::bottom-overflow-indicator:hover:depressed {
    -tr-rule-ref: selector(".AFOverflowImageVerticalEndDepressed:alias");
  }
}

af|panelAccordion::overflow-container .AFOverflowElement {
  -tr-rule-ref: selector(".AFLinkForeground:alias");
  -tr-inhibit: padding;
}

af|panelAccordion::overflow-container af|commandLink,
af|panelAccordion::overflow-container af|link
{
  line-height: 24px;
}

af|panelAccordion::overflow-container af|commandLink af|image,
af|panelAccordion::overflow-container af|link af|image
{
  padding: 0px;
  vertical-align: middle;
}

/* Ensure disabled overflow items do not have the appearance of a link */
af|panelAccordion::overflow-container af|commandLink:disabled,
af|panelAccordion::overflow-container af|link:disabled {
  -tr-rule-ref: selector(".AFLinkDisabled:alias");
}

@agent (touchScreen:none) {
  af|panelAccordion::overflow-container af|commandLink:disabled:hover,
  af|panelAccordion::overflow-container af|commandLink:disabled:active:hover,
  af|panelAccordion::overflow-container af|link:disabled:hover,
  af|panelAccordion::overflow-container af|link:disabled:active:hover {
    -tr-rule-ref: selector(".AFLinkDisabled:alias");
  }
}

/* End of af:panelAccordion styles */

/* Start noteWindow styles */
af|noteWindow {
  -tr-inhibit: padding;
}

.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");
  border-radius: -tr-property-ref(".AFSmallBorderRadius:alias","border-radius");
  padding: 10px;
}

/* The bottom portion of the inline message */
.AFNoteWindowFooter {
  clear: both;
  padding: 0px;
  margin-top: 2px;
}

.AFNoteWindowHintText,
.AFNoteWindowInstructions,
.AFNoteWindowShortDesc {
  color: -tr-property-ref("AFTextColor:alias","color");
  -tr-rule-ref: selector(".AFDefaultFont:alias");
  padding: 0px;
}
.AFNoteWindowSeparator {
  border-bottom: 1px solid -tr-property-ref(".AFPanelBorderColor:alias","color");
  margin-top: 7px;
  margin-bottom: 7px;
}
.AFNoteWindowHintText {
  font-weight: bold;  
}
.AFNoteWindowShortDesc {
  font-weight: normal;
}
.AFNoteWindowInstructions {
  font-weight: normal;
}
.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/alta-v1/cone_border.png");
  position: relative;
}

.AFNoteWindowConeBorderRight {
  background-image: url("/afr/alta-v1/cone_border.png");
  position: relative;
}

.AFNoteWindowCone {
  background-image: url("/afr/alta-v1/cone_tl.png");
  height: 13px;
  width: 14px;
}

.AFNoteWindowConeTR {
  background-image: url("/afr/alta-v1/cone_tr.png");
  height: 13px;
  width: 14px;
}

.AFNoteWindowConeBL {
  background-image: url("/afr/alta-v1/cone_bl.png");
  height:13px;
  width: 14px;
}

.AFNoteWindowConeBR {
  background-image: url("/afr/alta-v1/cone_br.png");
  height: 13px;
  width: 14px;
}

/* note window navigation icons */
.AFNoteWindowNextLink,
.AFNoteWindowPreviousLink:rtl {
  background-image: url("/afr/alta-v1/conv_r_ena.png");
  padding: 6px;
  border-radius: -tr-property-ref(".AFButtonBorder:alias","border-radius");
}

.AFNoteWindowNextLink:disabled,
.AFNoteWindowNextLink:disabled:active,
.AFNoteWindowNextLink:disabled:depressed,
.AFNoteWindowPreviousLink:disabled:rtl,
.AFNoteWindowPreviousLink:disabled:active:rtl {
  background-image: url("/afr/alta-v1/conv_r_dis.png");
}
.AFNoteWindowNextLink:active,
.AFNoteWindowPreviousLink:active:rtl {
  background-image: url("/afr/alta-v1/conv_r_dwn.png");
  background-color: -tr-property-ref(".AFButtonActiveColor:alias","color");
}
.AFNoteWindowPreviousLink,
.AFNoteWindowNextLink:rtl {
  background-image: url("/afr/alta-v1/conv_l_ena.png");
  padding: 6px;
  border-radius: -tr-property-ref(".AFButtonBorder:alias","border-radius");
}
.AFNoteWindowPreviousLink:disabled,
.AFNoteWindowPreviousLink:disabled:active,
.AFNoteWindowPreviousLink:disabled:depressed,
.AFNoteWindowNextLink:disabled:rtl,
.AFNoteWindowNextLink:disabled:active:rtl {
  background-image: url("/afr/alta-v1/conv_l_dis.png");
}
.AFNoteWindowPreviousLink:active,
.AFNoteWindowNextLink:active:rtl {
  background-image: url("/afr/alta-v1/conv_l_dwn.png");
  background-color: -tr-property-ref(".AFButtonActiveColor:alias","color");
}
@agent (touchScreen:none) {
  .AFNoteWindowNextLink:hover,
  .AFNoteWindowPreviousLink:hover:rtl {
    background-image: url("/afr/alta-v1/conv_r_ovr.png");
  }
  .AFNoteWindowNextLink:hover:active,
  .AFNoteWindowPreviousLink:hover:active:rtl {
    background-image: url("/afr/alta-v1/conv_r_dwn.png");
  }
  .AFNoteWindowNextLink:disabled:hover,
  .AFNoteWindowPreviousLink:disabled:hover:rtl {
    background-image: url("/afr/alta-v1/conv_r_dis.png");
  }
  .AFNoteWindowPreviousLink:hover,
  .AFNoteWindowNextLink:hover:rtl {
    background-image: url("/afr/alta-v1/conv_l_ovr.png");
  } 
  .AFNoteWindowPreviousLink:hover:active,
  .AFNoteWindowNextLink:hover:active:rtl {
    background-image: url("/afr/alta-v1/conv_l_dwn.png");
  }
  .AFNoteWindowPreviousLink:disabled:hover,
  .AFNoteWindowNextLink:disabled:hover:rtl {
    background-image: url("/afr/alta-v1/conv_l_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: 1px 1px 10px 0px -tr-property-ref(".AFDialogShadowColor:alias","color");
}
af|panelWindow:rtl,
af|dialog:rtl {
  box-shadow: -1px 1px 10px 0px -tr-property-ref(".AFDialogShadowColor:alias","color");
}

/* chrome 9 and lower needs -webkit-box-shadow */
@agent webkit {
  af|panelWindow:ltr,
  af|dialog:ltr {
    -webkit-box-shadow: 1px 1px 10px 0px -tr-property-ref(".AFDialogShadowColor:alias","color");
  }
  af|panelWindow:rtl,
  af|dialog:rtl {
    -webkit-box-shadow: -1px 1px 10px 0px -tr-property-ref(".AFDialogShadowColor: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: 1px 1px 10px 0px -tr-property-ref(".AFDialogShadowColor:alias","color");
  }
  af|panelWindow:rtl,
  af|dialog:rtl {
    -moz-box-shadow: -1px 1px 10px 0px -tr-property-ref(".AFDialogShadowColor: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::header-content-center{
  padding-left:5px;
  padding-right:5px;
}

af|dialog::header-content-center {
  padding-left:4px;
  padding-right:5px;
}

af|dialog::header-content-center:rtl {
  padding-left:5px;
  padding-right:4px;
}

af|panelWindow::title,
af|dialog::title {
  -tr-rule-ref: selector(".AFDefaultFont:alias");
  color: -tr-property-ref(".AFHeaderTextColor:alias","color");
  font-size: +2;
  font-weight: bold;
  margin: 0px;
}

af|panelWindow,
af|dialog {
  background-color: -tr-property-ref(".AFComponentBackground2Color:alias","color");
  border-radius: -tr-property-ref(".AFSmallBorderRadius: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|dialog{
  -tr-button-type: unified;
}

/* These elements have rounded corners so we must also define a border-radius or else the shadow
   will continue to have square corners. */
.AFMaskingFrame {
  border-radius: -tr-property-ref(".AFSmallBorderRadius:alias","border-radius");
}

af|panelWindow::header-start,
af|panelWindow::header-end,
af|dialog::header-end,
af|dialog::header-start {
  width: 5px;
  height: 29px;
}

af|panelWindow::header,
af|dialog::header {
  height: 29px;
}

af|panelWindow::header-start,
af|dialog::header-start,
af|panelWindow::header-end,
af|dialog::header-end,
af|panelWindow::header,
af|dialog::header {
  border-bottom: none;
}

/* IE8 header gradient overrides the bottom border.  Use a top border on the 
   content area instead. 
*/
af|panelWindow::content-start,
af|dialog::content-start,
af|panelWindow::content-end,
af|dialog::content-end,
af|panelWindow::content,
af|dialog::content {
  border-top: 1px solid -tr-property-ref(".AFWindowBorderColor:alias","color");
}

@agent webkit {
  af|panelWindow::header-start,
  af|dialog::header-start,
  af|panelWindow::header-end,
  af|dialog::header-end,
  af|panelWindow::header,
  af|dialog::header,
  af|menu::detachable-header {
    background-image: -webkit-linear-gradient(top, -tr-property-ref(".AFAccordionHeaderGradientStartColor:alias","color") 0%, -tr-property-ref(".AFAccordionHeaderGradientEndColor:alias","color") 100%);
  }
}

@agent gecko {
  af|panelWindow::header-start,
  af|dialog::header-start,
  af|panelWindow::header-end,
  af|dialog::header-end,
  af|panelWindow::header,
  af|dialog::header,
  af|menu::detachable-header {
    background-image: -moz-linear-gradient(top, -tr-property-ref(".AFAccordionHeaderGradientStartColor:alias","color") 0%, -tr-property-ref(".AFAccordionHeaderGradientEndColor:alias","color") 100%);
  }
}

@agent ie {
  af|panelWindow::header-start,
  af|dialog::header-start,
  af|panelWindow::header-end,
  af|dialog::header-end,
  af|panelWindow::header,
  af|dialog::header,
  af|menu::detachable-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|panelWindow::header-start,
  af|dialog::header-start,
  af|panelWindow::header-end,
  af|dialog::header-end,
  af|panelWindow::header,
  af|dialog::header,
  af|menu::detachable-header {
    background-image: -ms-linear-gradient(top, -tr-property-ref(".AFAccordionHeaderGradientStartColor:alias","color") 0%, -tr-property-ref(".AFAccordionHeaderGradientEndColor:alias","color") 100%);
    filter: none;
  }
}

af|panelWindow::footer-start,
af|panelWindow::footer-end,
af|dialog::footer-end, 
af|dialog::footer-start {
  width: 5px;
  padding: 0px;
  -tr-inhibit: background-color;
}

af|panelWindow::footer,
af|dialog::footer {
  -tr-inhibit: background-color;
  padding: 0px;
}

af|dialog::footer-content {
  padding-top: 0px;
  padding-bottom: 10px;
  padding-right: 5px;
  -tr-inhibit: background-color;
}

af|dialog::footer-content:resizable {
  padding-right: 0px;
}

af|dialog::footer-content:rtl {
  padding-left: 5px;
}

af|dialog::footer-content:resizable:rtl {
  padding-left: 0px;
}

af|dialog::footer-content af|button {
  margin-left: 3px;
}
@agent webkit,gecko{
af|dialog::footer-content af|button::link:focus{
  outline-style:solid;
  outline-width:2px;
}
}

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: 10px;
  padding-bottom: 10px;
  padding-right: 5px;
  padding-left: 5px;
  -tr-inhibit: background-color;
}

af|panelWindow::resize-ghost,
af|dialog::resize-ghost {
  border: solid 1px -tr-property-ref(".AFWindowBorderColor:alias","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-start,
af|dialog::content-start,
af|panelWindow::content-end,
af|dialog::content-end {
  width: 5px;   
}

af|panelWindow::content-center,
af|dialog::content-center {
  padding-right: 5px;
  padding-left: 5px;
  padding-top: 10px;
  padding-bottom: 10px;
}

@agent webkit,gecko{
  af|dialog::content af|button::link:focus{
    outline-style:solid;
    outline-width:2px;
  }
}

af|panelWindow::resize-icon-style,
af|dialog::resize-icon-style {
  display: block;
  width: 11px;
  height: 13px;
  cursor: se-resize;
  background-image: url("/afr/alta-v1/dialog-resize-se.png");
  background-repeat: no-repeat;
  background-position: right center;
  padding-top: 5px;
  padding-bottom: 5px;
  padding-right: 0px;
  padding-left: 5px;
}

af|panelWindow::resize-icon-style:rtl,
af|dialog::resize-icon-style:rtl {
  cursor: sw-resize;
  background-image: url("/afr/alta-v1/dialog-resize-sw.png");
  background-position: left center;
  padding-left: 0px;
  padding-right: 5px;
}

af|panelWindow::resize-icon-region:resizable,
af|dialog::resize-icon-region:resizable {
  margin: 0px;
  -tr-inhibit: height;
  -tr-inhibit: width;
  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: 0px;
  -tr-inhibit: width;
  -tr-inhibit: height;
}

af|dialog::icon-region {
  margin-top:0px;
  margin-right:0px;
  margin-bottom:-0px;
  height: 16px;
  width: 16px;
  padding: 6px;
  overflow: hidden;
}

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,
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: 0px;
  padding: 0px;
}


af|panelWindow::close-icon-style,
af|dialog::close-icon-style {
    border: 1px solid transparent;
    background-position: center center;
    background-image: url("/afr/alta-v1/dialog_close_ena.png");
    background-repeat: no-repeat;
    margin: 0px;
    width: 16px;
    height: 16px;
    padding-right: 4px;
    padding-left: 4px;
    padding-top: 6px;
    padding-bottom: 6px;
}
@agent webkit
{
af|dialog::close-icon-region{
overflow:initial;
}
}
@agent webkit,gecko{
af|dialog::close-icon-style:focus{
    outline:solid;
    outline-width:2px;
    color:initial;
}
}
af|panelWindow::pin-icon-style,
af|dialog::pin-icon-style {
    border: 1px solid transparent;
    background-position: center center;
    background-image: url("/afr/alta-v1/func_pin_16_ena.png");
    background-repeat: no-repeat;
    margin: 0px;
    width: 16px;
    height: 16px;
    padding-right: 4px;
    padding-left: 4px;
    padding-top: 6px;
    padding-bottom: 6px;
}

/* IE 9 and 10 clip the right border on hover.  Adding
   1px of width seems to take care clipping. */
@agent ie and (min-version: 9) {
  af|panelWindow::close-icon-style,
  af|dialog::close-icon-style,
  af|panelWindow::pin-icon-style,
  af|dialog::pin-icon-style{
    width: 17px;
  }
}

af|panelWindow::close-icon-style:active,
af|dialog::close-icon-style:active {
  background-image: url("/afr/alta-v1/dialog_close_dwn.png");
  background-repeat: no-repeat;
}

af|panelWindow::pin-icon-style:active,
af|dialog::pin-icon-style:active {
  background-image: url("/afr/alta-v1/func_pin_16_act.png");
  background-repeat: no-repeat;
}


@agent (touchScreen:none) {

  af|panelWindow::close-icon-style:active:hover,
  af|dialog::close-icon-style:active:hover {
    background-image: url("/afr/alta-v1/dialog_close_dwn.png");
    background-repeat: no-repeat;
  }
    
  af|panelWindow::close-icon-style:hover,
  af|dialog::close-icon-style:hover
  {
    background-image: url("/afr/alta-v1/dialog_close_ovr.png");
    background-repeat: no-repeat;
  }
  
  af|panelWindow::pin-icon-style:active:hover,
  af|dialog::pin-icon-style:active:hover {
    background-image: url("/afr/alta-v1/func_pin_16_act.png");
    background-repeat: no-repeat;
  }
    
  af|panelWindow::pin-icon-style:hover,
  af|dialog::pin-icon-style:hover
  {
    background-image: url("/afr/alta-v1/func_pin_16_hov.png");
    background-repeat: no-repeat;
  }
}

af|dialog::dynamic-help-icon-style,
af|panelWindow::dynamic-help-icon-style {
  width: 16px;
  height: 16px;
  margin: 0px;
  display: block;
  background-position: center center;
  padding-right: 4px;
  padding-left: 4px;
  padding-top: 6px;
  padding-bottom: 6px;
  -tr-inhibit: vertical-align;
}
/* End panelWindow & dialog styles */

/* Start richTextEditor styles */

.AFContentCell af|richTextEditor::content {
  /*TODO ALTA*/
}
.AFPanelFormLayoutContentCell af|richTextEditor::content {
  /*TODO ALTA*/
}
af|richTextEditor:fatal::content,
af|richTextEditor:error::content,
af|richTextEditor:warning::content {
  border-style: none;
  border-width: 0;
  /*TODO ALTA*/
}

af|richTextEditor {
  /*TODO ALTA*/
}

af|richTextEditor af|toolbox::last-row{
  border-bottom: none;
}

af|richTextEditor::label {
  padding-top: 11px;
}
af|richTextEditor:read-only::label {
  padding-top: 0px;
}

af|richTextEditor af|toolbar::item af|selectOneChoice::content {
  vertical-align: baseline;
  margin: 0 1px;
}

af|richTextEditor af|toolbar::item af|inputNumberSpinbox::content {
  margin-bottom: 0;
  margin-top: 0;
  top: 0;
}

af|richTextEditor af|toolbar::item af|inputNumberSpinbox::increment-cell,
af|richTextEditor af|toolbar::item af|inputNumberSpinbox::decrement-cell {
  height: 28px;
  vertical-align: middle;
}

@agent ie {
  af|richTextEditor af|toolbar::item af|inputNumberSpinbox::increment-cell,
  af|richTextEditor af|toolbar::item af|inputNumberSpinbox::decrement-cell {
    filter: -tr-property-ref(".AFButtonBackground:alias","filter");
  }
}

@agent webkit and (version: 534.*) {
  af|richTextEditor::label {
    padding-top: 10px;
  }
}

@agent ie and (version: 9.0) { 
  af|richTextEditor::label {
    padding-top: 13px;
  }
}

@agent ie and (version: 8.0) { 
  af|richTextEditor::label {
    padding-top: 13px;
  }
}



/* the content area including the toolbox */
af|richTextEditor::content {
  width: 605px;
}

/* when toolbar is in popup mode it should be the same width as the editing area */
af|richTextEditor::toolbar-popup-container {
  width: 605px;
}

af|richTextEditor:disabled::missing-toolbox-border {
  border-bottom-width: 0px;
  border-color: -tr-property-ref(".AFFormControlContentBorderDisabledColor:alias","color");
}

af|richTextEditor::content-input-container {
  color: -tr-property-ref(".AFTextColor:alias","color");
  border-color: -tr-property-ref(".AFFormControlContentBorderColor:alias","color");
  background-color: -tr-property-ref(".AFFormControlContentColor:alias","color");
  padding: 6px 5px 5px;
  border-top-width: 1px;
}
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 {
  color: -tr-property-ref(".AFTextDisabledColor:alias","color");
}

af|richTextEditor:disabled::content-input-container {
  background-color: -tr-property-ref(".AFFormControlContentDisabledColor:alias","color");
  border-color: -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::body {
  border-top: none;
}

af|richTextEditor af|toolbox::row {
  /*TODO ALTA*/
}
/* 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_Helvetica+Neue,Helvetica,Arial,sans-serif background-color_transparent;
  }
}

@agent gecko
{
  af|richTextEditor {
    -tr-field-inline-style: margin_0px padding_1px font-size_small font-family_Helvetica+Neue,Helvetica,Arial,sans-serif -moz-box-sizing_border-box;
  }
}
@agent webkit
{
  af|richTextEditor {
    -tr-field-inline-style: margin_0px padding_1px font-size_small font-family_Helvetica+Neue,Helvetica,Arial,sans-serif;
  }
}
@agent ie and (min-version: 9.0) {
  af|richTextEditor {
    -tr-field-inline-style: margin_0px padding_1px font-size_small font-family_Helvetica+Neue,Helvetica,Arial,sans-serif;
  }
}
af|richTextEditor {
  -tr-field-inline-style: margin_0px padding_1px font-size_x-small font-family_Helvetica+Neue,Helvetica,Arial,sans-serif;
  -tr-field-default-rows: 8;
}

af|richTextEditor::foreground-color-overlay,
af|richTextEditor::background-color-overlay {
  background-repeat: no-repeat;
  background-position: center;
  width: 16px;
  height: 16px;
  background-image: url("/afr/alta-v1/colorpickertxt_ena.png");
  box-sizing: border-box;
}

af|richTextEditor::background-color-overlay {
  margin-left: 1px;
}
af|richTextEditor::background-color-overlay:rtl {
  margin-left: 0;
  margin-right: 1px;
}

@agent gecko {
  af|richTextEditor::foreground-color-overlay,
  af|richTextEditor::background-color-overlay {
    -tr-inhibit: box-sizing;
    -moz-box-sizing: border-box;
  }
}

@agent webkit {
  af|richTextEditor::foreground-color-overlay,
  af|richTextEditor::background-color-overlay {
    -tr-inhibit: box-sizing;
    -webkit-box-sizing: border-box;
  }
}

af|richTextEditor::background-color-overlay {
  background-image: url("/afr/alta-v1/colorpicker_ena.png");
}

af|richTextEditor::foreground-color-overlay:disabled {
  background-image: url("/afr/alta-v1/colorpickertxt_dis.png");
}

af|richTextEditor::background-color-overlay:disabled {
  background-image: url("/afr/alta-v1/colorpicker_dis.png");
}

/* 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/alta-v1/link_ena.png);
}
af|richTextEditor::add-link-disabled-icon {
  content: url(/afr/alta-v1/link_dis.png);
}
af|richTextEditor::add-link-hover-icon {
  content: url(/afr/alta-v1/link_ovr.png);
}
af|richTextEditor::add-link-active-icon {
  content: url(/afr/alta-v1/link_dwn.png);
}
af|richTextEditor::remove-link-icon {
  content: url(/afr/alta-v1/unlink_ena.png);
}
af|richTextEditor::remove-link-disabled-icon {
  content: url(/afr/alta-v1/unlink_dis.png);
}
af|richTextEditor::remove-link-hover-icon {
  content: url(/afr/alta-v1/unlink_ovr.png);
}
af|richTextEditor::remove-link-active-icon {
  content: url(/afr/alta-v1/unlink_dwn.png);
}
af|richTextEditor::clear-styling-icon {
  content: url(/afr/alta-v1/clear_ena.png);
}
af|richTextEditor::clear-styling-disabled-icon {
  content: url(/afr/alta-v1/clear_dis.png);
}
af|richTextEditor::clear-styling-hover-icon {
  content: url(/afr/alta-v1/clear_ovr.png);
}
af|richTextEditor::clear-styling-active-icon {
  content: url(/afr/alta-v1/clear_dwn.png);
}
af|richTextEditor::undo-icon {
  content: url(/afr/alta-v1/undo.png);
}
af|richTextEditor::undo-disabled-icon {
  content: url(/afr/alta-v1/undo_dis.png);
}
af|richTextEditor::undo-hover-icon {
  content: url(/afr/alta-v1/undo_ovr.png);
}
af|richTextEditor::undo-active-icon {
  content: url(/afr/alta-v1/undo_dwn.png);
}
af|richTextEditor::undo-icon:rtl {
  content: url(/afr/alta-v1/undo_rtl.png);
}
af|richTextEditor::undo-disabled-icon:rtl {
  content: url(/afr/alta-v1/undo_rtl_dis.png);
}
af|richTextEditor::undo-hover-icon:rtl {
  content: url(/afr/alta-v1/undo_rtl_ovr.png);
}
af|richTextEditor::undo-active-icon:rtl {
  content: url(/afr/alta-v1/undo_rtl_dwn.png);
}

af|richTextEditor::redo-icon {
  content: url(/afr/alta-v1/redo.png);
}
af|richTextEditor::redo-disabled-icon {
  content: url(/afr/alta-v1/redo_dis.png);
}
af|richTextEditor::redo-hover-icon {
 content: url(/afr/alta-v1/redo_ovr.png);
}
af|richTextEditor::redo-active-icon {
  content: url(/afr/alta-v1/redo_dwn.png);
}

af|richTextEditor::redo-icon:rtl {
  content: url(/afr/alta-v1/redo_rtl.png);
}
af|richTextEditor::redo-disabled-icon:rtl {
  content: url(/afr/alta-v1/redo_rtl_dis.png);
}
af|richTextEditor::redo-hover-icon:rtl {
 content: url(/afr/alta-v1/redo_rtl_ovr.png);
}
af|richTextEditor::redo-active-icon:rtl {
  content: url(/afr/alta-v1/redo_rtl_dwn.png);
}

af|richTextEditor::bold-icon {
  content: url(/afr/alta-v1/bold_ena.png);
}
af|richTextEditor::bold-disabled-icon {
  content: url(/afr/alta-v1/bold_dis.png);
}
af|richTextEditor::bold-hover-icon {
  content: url(/afr/alta-v1/bold_ovr.png);
}
af|richTextEditor::bold-active-icon {
  content: url(/afr/alta-v1/bold_dwn.png);
}

af|richTextEditor::italic-icon {
  content: url(/afr/alta-v1/italic_ena.png);
}
af|richTextEditor::italic-disabled-icon {
  content: url(/afr/alta-v1/italic_dis.png);
}
af|richTextEditor::italic-hover-icon {
  content: url(/afr/alta-v1/italic_ovr.png);
}
af|richTextEditor::italic-active-icon {
  content: url(/afr/alta-v1/italic_dwn.png);
}

af|richTextEditor::underline-icon {
  content: url(/afr/alta-v1/underline_ena.png);
}
af|richTextEditor::underline-disabled-icon {
  content: url(/afr/alta-v1/underline_dis.png);
}
af|richTextEditor::underline-hover-icon {
  content: url(/afr/alta-v1/underline_ovr.png);
}
af|richTextEditor::underline-active-icon {
  content: url(/afr/alta-v1/underline_dwn.png);
}

af|richTextEditor::subscript-icon {
  content: url(/afr/alta-v1/subscript_ena.png);
}
af|richTextEditor::subscript-disabled-icon {
  content: url(/afr/alta-v1/subscript_dis.png);
}
af|richTextEditor::subscript-hover-icon {
  content: url(/afr/alta-v1/subscript_ovr.png);
}
af|richTextEditor::subscript-active-icon {
  content: url(/afr/alta-v1/subscript_dwn.png);
}

af|richTextEditor::superscript-icon {
  content: url(/afr/alta-v1/superscript_ena.png);
}
af|richTextEditor::superscript-disabled-icon {
  content: url(/afr/alta-v1/superscript_dis.png);
}
af|richTextEditor::superscript-hover-icon {
  content: url(/afr/alta-v1/superscript_ovr.png);
}
af|richTextEditor::superscript-active-icon {
  content: url(/afr/alta-v1/superscript_dwn.png);
}

af|richTextEditor::strikethrough-icon {
  content: url(/afr/alta-v1/strikethrough_ena.png);
}
af|richTextEditor::strikethrough-disabled-icon {
  content: url(/afr/alta-v1/strikethrough_dis.png);
}
af|richTextEditor::strikethrough-hover-icon {
  content: url(/afr/alta-v1/strikethrough_ovr.png);
}
af|richTextEditor::strikethrough-active-icon {
  content: url(/afr/alta-v1/strikethrough_dwn.png);
}

af|richTextEditor::justify-left-icon {
  content: url(/afr/alta-v1/leftalign_ena.png);
}
af|richTextEditor::justify-left-disabled-icon {
  content: url(/afr/alta-v1/leftalign_dis.png);
}
af|richTextEditor::justify-left-hover-icon {
  content: url(/afr/alta-v1/leftalign_ovr.png);
}
af|richTextEditor::justify-left-active-icon {
  content: url(/afr/alta-v1/leftalign_dwn.png);
}

af|richTextEditor::justify-center-icon {
  content: url(/afr/alta-v1/centeralign_ena.png);
}
af|richTextEditor::justify-center-disabled-icon {
  content: url(/afr/alta-v1/centeralign_dis.png);
}
af|richTextEditor::justify-center-hover-icon {
  content: url(/afr/alta-v1/centeralign_ovr.png);
}
af|richTextEditor::justify-center-active-icon {
  content: url(/afr/alta-v1/centeralign_dwn.png);
}

af|richTextEditor::justify-right-icon {
  content: url(/afr/alta-v1/rightalign_ena.png);
}
af|richTextEditor::justify-right-disabled-icon {
  content: url(/afr/alta-v1/rightalign_dis.png);
}
af|richTextEditor::justify-right-hover-icon {
  content: url(/afr/alta-v1/rightalign_ovr.png);
}
af|richTextEditor::justify-right-active-icon {
  content: url(/afr/alta-v1/rightalign_dwn.png);
}

af|richTextEditor::justify-full-icon {
  content: url(/afr/alta-v1/fullalign_ena.png);
}
af|richTextEditor::justify-full-disabled-icon {
  content: url(/afr/alta-v1/fullalign_dis.png);
}
af|richTextEditor::justify-full-hover-icon {
  content: url(/afr/alta-v1/fullalign_ovr.png);
}
af|richTextEditor::justify-full-active-icon {
  content: url(/afr/alta-v1/fullalign_dwn.png);
}
af|richTextEditor::justify-full-icon:rtl {
  content: url(/afr/alta-v1/fullalign_rtl_ena.png);
}
af|richTextEditor::justify-full-disabled-icon:rtl {
  content: url(/afr/alta-v1/fullalign_rtl_dis.png);
}
af|richTextEditor::justify-full-hover-icon:rtl {
  content: url(/afr/alta-v1/fullalign_rtl_ovr.png);
}
af|richTextEditor::justify-full-active-icon:rtl {
  content: url(/afr/alta-v1/fullalign_rtl_dwn.png);
}
af|richTextEditor::list-unordered-icon {
  content: url(/afr/alta-v1/bullist_ena.png);
}
af|richTextEditor::list-unordered-disabled-icon {
  content: url(/afr/alta-v1/bullist_dis.png);
}
af|richTextEditor::list-unordered-hover-icon {
  content: url(/afr/alta-v1/bullist_ovr.png);
}
af|richTextEditor::list-unordered-active-icon {
  content: url(/afr/alta-v1/bullist_dwn.png);
}
af|richTextEditor::list-unordered-icon:rtl {
  content: url(/afr/alta-v1/bullist_rtl_ena.png);
}
af|richTextEditor::list-unordered-disabled-icon:rtl {
  content: url(/afr/alta-v1/bullist_rtl_dis.png);
}
af|richTextEditor::list-unordered-hover-icon:rtl {
  content: url(/afr/alta-v1/bullist_rtl_ovr.png);
}
af|richTextEditor::list-unordered-active-icon:rtl {
  content: url(/afr/alta-v1/bullist_rtl_dwn.png);
}
af|richTextEditor::list-ordered-icon {
  content: url(/afr/alta-v1/numlist_ena.png);
}
af|richTextEditor::list-ordered-disabled-icon {
  content: url(/afr/alta-v1/numlist_dis.png);
}
af|richTextEditor::list-ordered-hover-icon {
  content: url(/afr/alta-v1/numlist_ovr.png);
}
af|richTextEditor::list-ordered-active-icon {
  content: url(/afr/alta-v1/numlist_dwn.png);
}
af|richTextEditor::list-ordered-icon:rtl {
  content: url(/afr/alta-v1/numlist_rtl_ena.png);
}
af|richTextEditor::list-ordered-disabled-icon:rtl {
  content: url(/afr/alta-v1/numlist_rtl_dis.png);
}
af|richTextEditor::list-ordered-hover-icon:rtl {
  content: url(/afr/alta-v1/numlist_rtl_ovr.png);
}
af|richTextEditor::list-ordered-active-icon:rtl {
  content: url(/afr/alta-v1/numlist_rtl_dwn.png);
}
af|richTextEditor::unindent-icon {
  content: url(/afr/alta-v1/unindent_ena.png);
}
af|richTextEditor::unindent-disabled-icon {
  content: url(/afr/alta-v1/unindent_dis.png);
}
af|richTextEditor::unindent-hover-icon {
  content: url(/afr/alta-v1/unindent_ovr.png);
}
af|richTextEditor::unindent-active-icon {
  content: url(/afr/alta-v1/unindent_dwn.png);
}
af|richTextEditor::unindent-icon:rtl {
  content: url(/afr/alta-v1/unindent_rtl_ena.png);
}
af|richTextEditor::unindent-disabled-icon:rtl {
  content: url(/afr/alta-v1/unindent_rtl_dis.png);
}
af|richTextEditor::unindent-hover-icon:rtl {
  content: url(/afr/alta-v1/unindent_rtl_ovr.png);
}
af|richTextEditor::unindent-active-icon:rtl {
  content: url(/afr/alta-v1/unindent_rtl_dwn.png);
}
af|richTextEditor::indent-icon {
  content: url(/afr/alta-v1/indent_ena.png);
}
af|richTextEditor::indent-disabled-icon {
  content: url(/afr/alta-v1/indent_dis.png);
}
af|richTextEditor::indent-hover-icon {
  content: url(/afr/alta-v1/indent_ovr.png);
}
af|richTextEditor::indent-active-icon {
  content: url(/afr/alta-v1/indent_dwn.png);
}
af|richTextEditor::indent-icon:rtl {
  content: url(/afr/alta-v1/indent_rtl_ena.png);
}
af|richTextEditor::indent-disabled-icon:rtl {
  content: url(/afr/alta-v1/indent_rtl_dis.png);
}
af|richTextEditor::indent-hover-icon:rtl {
  content: url(/afr/alta-v1/indent_rtl_ovr.png);
}
af|richTextEditor::indent-active-icon:rtl {
  content: url(/afr/alta-v1/indent_rtl_dwn.png);
}
af|richTextEditor::mode-rich-text-icon {
  content: url(/afr/alta-v1/designmode_ena.png);
}
af|richTextEditor::mode-rich-text-disabled-icon {
  content: url(/afr/alta-v1/designmode_dis.png);
}
af|richTextEditor::mode-rich-text-hover-icon {
  content: url(/afr/alta-v1/designmode_ovr.png);
}
af|richTextEditor::mode-rich-text-active-icon {
  content: url(/afr/alta-v1/designmode_dwn.png);
}
af|richTextEditor::mode-rich-text-icon:rtl {
  content: url(/afr/alta-v1/designmode_rtl_ena.png);
}
af|richTextEditor::mode-rich-text-disabled-icon:rtl {
  content: url(/afr/alta-v1/designmode_rtl_dis.png);
}
af|richTextEditor::mode-rich-text-hover-icon:rtl {
  content: url(/afr/alta-v1/designmode_rtl_ovr.png);
}
af|richTextEditor::mode-rich-text-active-icon:rtl {
  content: url(/afr/alta-v1/designmode_rtl_dwn.png);
}
af|richTextEditor::mode-code-icon {
  content: url(/afr/alta-v1/codemode_ena.png);
}
af|richTextEditor::mode-code-disabled-icon {
  content: url(/afr/alta-v1/codemode_dis.png);
}
af|richTextEditor::mode-code-hover-icon {
  content: url(/afr/alta-v1/codemode_ovr.png);
}
af|richTextEditor::mode-code-active-icon {
  content: url(/afr/alta-v1/codemode_dwn.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: 3px;
  border-bottom-right-radius: 3px;
  color: -tr-property-ref(".AFTextPrimaryColor:alias","color");
  line-height: 28px;
  min-height: 28px;
}

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

/* End richTextEditor styles */
/* inline selector start */

/* Set the shadow pixel size here to control shadow size of popups and don't use CSS3 box shadows */
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;
  border-color: -tr-property-ref(".AFWindowBorderColor:alias","color"); 
  border-style: solid;
  border-width: 1px;
}

.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: 10px;
}

.AFPopupSelector {
  border: 1px solid -tr-property-ref(".AFWindowBorderColor:alias","color");  
  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,
af|inputComboboxListOfValues::dropdown-popup-content:ltr {
  box-shadow: 1px 1px 3px 0px -tr-property-ref(".AFInlineSelectorShadowColor:alias","color");
}

.AFNoteWindow:ltr {
  box-shadow: 1px 1px 5px 0px -tr-property-ref(".AFNoteWindowShadowColor:alias","color");
} 

.AFPopupSelector:rtl,
.AFPopupMenuPopup:rtl,
af|inputComboboxListOfValues::dropdown-popup-content:rtl {
  box-shadow: -1px 1px 3px 0px -tr-property-ref(".AFInlineSelectorShadowColor:alias","color");
}

.AFNoteWindow:rtl {
  box-shadow: -1px 1px 5px 0px -tr-property-ref(".AFNoteWindowShadowColor:alias","color");
} 

/* chrome 9 and lower needs -webkit-box-shadow */
@agent webkit {
  .AFPopupSelector:ltr,
  .AFPopupMenuPopup:ltr {
    -webkit-box-shadow: 1px 1px 3px 0px -tr-property-ref(".AFInlineSelectorShadowColor:alias","color");
  }
  .AFNoteWindow:ltr {
    -webkit-box-shadow: 1px 1px 5px 0px -tr-property-ref(".AFNoteWindowShadowColor:alias","color");
  }

  .AFPopupSelector:rtl,
  .AFPopupMenuPopup:rtl {
    -webkit-box-shadow: -1px 1px 3px 0px -tr-property-ref(".AFInlineSelectorShadowColor:alias","color");
  }
  .AFNoteWindow:rtl {
    -webkit-box-shadow: -1px 1px 5px 0px -tr-property-ref(".AFNoteWindowShadowColor: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 {
    -moz-box-shadow: 1px 1px 3px 0px -tr-property-ref(".AFInlineSelectorShadowColor:alias","color");
  }
  .AFNoteWindow:ltr {
    -moz-box-shadow: 1px 1px 5px 0px -tr-property-ref(".AFNoteWindowShadowColor:alias","color");
  }

  .AFPopupSelector:rtl,
  .AFPopupMenuPopup:rtl {
    -moz-box-shadow: -1px 1px 3px 0px -tr-property-ref(".AFInlineSelectorShadowColor:alias","color");
  }
  .AFNoteWindow:rtl {
    -moz-box-shadow: -1px 1px 5px 0px -tr-property-ref(".AFNoteWindowShadowColor:alias","color");
  }
}

/* the special tooltip box when tree links are partially covered/blocked */
.AFTooltip {
  border: 1px solid -tr-property-ref(".AFLinkColor:alias","color");;
  background-color: -tr-property-ref(".AFBackgroundColor: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 */
/* train-visited: Join in visited enabled state. Should be af|train::join:visited.
    Workaround for a skinning bug - 5558004. */
af|train::content {
  -tr-inhibit: padding-left;
  -tr-inhibit: padding-right;
}
af|train::body {
  min-height: 61px;
  margin-top: 1px;
}
af|train:sub-train::body {
  min-height: 45px;
}

/* Horizontal Train Join related styles */
af|train::join {
  height: 8px;
  background-position: center;
}
af|train::join-cell {
  width: 59px; /* (width of label cell - width of train stop)/2 */
}
af|train::join:disabled,
af|train::join:unvisited,
af|train::join:train-visited {
  -tr-inhibit: background-color;
}
af|train::join:disabled {
  background-image: url('/afr/alta-v1/h_bkgrnd_pipe_tile.png');
}
af|train::join:train-visited {
  background-image: url('/afr/alta-v1/h_fill_pipe_tile.png');
}
/* 1. Half the Unvisited join is filled and the other half is unfilled */
af|train::stop-cell:selected af|train::join:unvisited {
  background-image: url('/afr/alta-v1/h_fill_pipe_tile.png');
}
af|train::join:unvisited {
  background-image: url('/afr/alta-v1/h_bkgrnd_pipe_tile.png');
}
/* sub train specific styles for joins */
af|train:sub-train af|train::join {
  height: 3px;
}
af|train:sub-train af|train::join-cell {
  width: 65px; /* (width of label cell - width of train stop)/2 */
}
af|train:sub-train af|train::join:disabled {
  background-image: url('/afr/alta-v1/h_bkgrnd_subpipe_tile.png');
}
af|train:sub-train af|train::join:train-visited {
  background-color: -tr-property-ref(".AFButtonActiveColor:alias","color");
  background-image: none;
}
/* Half the Unvisited join is filled and the other half is unfilled */
af|train:sub-train af|train::stop-cell:selected af|train::join:unvisited {
  background-color: -tr-property-ref(".AFButtonActiveColor:alias","color");
  background-image: none;
}
af|train:sub-train af|train::join:unvisited {
  background-image: url('/afr/alta-v1/h_bkgrnd_subpipe_tile.png');
}

/* Vertical train join related styles */
af|train-vertical::join {
  width: 8px;
  height: 16px;
  background-position: center;
  -tr-inhibit: max-width;
}
af|train-vertical:sub-train::join {
  height: 21px; /* to have same distance b/w labels of parent train and sub-train */
}
af|train-vertical::join:disabled,
af|train-vertical::join:unvisited,
af|train-vertical::join:train-visited {
  -tr-inhibit: background-color;
}
af|train-vertical::join:disabled {
  background-image: url('/afr/alta-v1/v_bkgrnd_pipe_tile.png');
}
af|train-vertical::join:train-visited {
  background-image: url('/afr/alta-v1/v_fill_pipe_tile.png');
}
/* Half the Unvisited join is filled and the other half is unfilled */
af|train-vertical::stop-cell:selected af|train-vertical::join:unvisited {
  background-image: url('/afr/alta-v1/v_fill_pipe_tile.png');
}
af|train-vertical::join:unvisited {
  background-image: url('/afr/alta-v1/v_bkgrnd_pipe_tile.png');
}
/* sub train specific styles for joins */
af|train-vertical:sub-train af|train-vertical::join {
  width: 3px;
}
af|train-vertical:sub-train af|train-vertical::join:disabled {
  background-image: url('/afr/alta-v1/v_bkgrnd_subpipe_tile.png');
}
af|train-vertical:sub-train af|train-vertical::join:train-visited {
  background-color: -tr-property-ref(".AFButtonActiveColor:alias","color");
  background-image: none;
}
/* Half the Unvisited join is filled and the other half is unfilled */
af|train-vertical:sub-train af|train-vertical::stop-cell:selected af|train-vertical::join:unvisited {
  background-color: -tr-property-ref(".AFButtonActiveColor:alias","color");
  background-image: none;
}
af|train-vertical:sub-train af|train-vertical::join:unvisited {
  background-image: url('/afr/alta-v1/v_bkgrnd_subpipe_tile.png');
}

/* stop-icon-cell */
af|train::stop-icon-cell,
af|train-vertical::stop-icon-cell {
  height: 22px;
  width: 22px;
  background-position: center;
}
af|train::stop-icon-cell:ltr {
  margin: auto 0 auto -1px;
}

af|train::stop-icon-cell:rtl {
  margin: auto -1px auto 0;
}

af|train-vertical::stop-icon-cell {
  margin: -1px auto;
}
@agent ie and (version: 8) {
  af|train-vertical::stop-cell {
    width:22px;
  }
}
@agent webkit {
  af|train-vertical:sub-train af|train-vertical::stop-icon-cell {
    padding-right: 1px; /* In webkit based browsers, stop icon is not center aligned */
  }
}
/* Different background images for visited and unvisited stops */
af|train::stop-cell:train-visited af|train::stop-icon-cell,
af|train::stop-cell:selected af|train::stop-icon-cell {
  background-image: url('/afr/alta-v1/h_fill_stop.png');
}
af|train::stop-cell:unvisited af|train::stop-icon-cell {
  background-image: url('/afr/alta-v1/h_bkgrnd_stop.png');
}
af|train-vertical::stop-cell:train-visited af|train-vertical::stop-icon-cell,
af|train-vertical::stop-cell:selected af|train-vertical::stop-icon-cell {
  background-image: url('/afr/alta-v1/v_fill_stop.png');
}
af|train-vertical::stop-cell:unvisited af|train-vertical::stop-icon-cell {
  background-image: url('/afr/alta-v1/v_bkgrnd_stop.png');
}

/* No background image for HC mode */
af|body:high-contrast af|train::stop-cell:train-visited af|train::stop-icon-cell,
af|body:high-contrast af|train::stop-cell:selected af|train::stop-icon-cell,
af|body:high-contrast af|train::stop-cell:unvisited af|train::stop-icon-cell ,
af|body:high-contrast af|train-vertical::stop-cell:train-visited af|train-vertical::stop-icon-cell,
af|body:high-contrast af|train-vertical::stop-cell:selected af|train-vertical::stop-icon-cell ,
af|body:high-contrast af|train-vertical::stop-cell:unvisited af|train-vertical::stop-icon-cell {
  background-image: none;
}

/* sub train and stop-icon-cell */
af|train:sub-train af|train::stop-icon-cell {
  width: 11px; /* to match width of the stop icon */
  height: 22px; /* to match height of parent train icon */
}
af|train-vertical:sub-train af|train-vertical::stop-icon-cell {
  width: 22px; /* to match width of the parent train icon */
  height: 11px; /* to match height of stop icon */
}
af|train:sub-train af|train::stop-cell:train-visited af|train::stop-icon-cell,
af|train:sub-train af|train::stop-cell:selected af|train::stop-icon-cell,
af|train-vertical:sub-train af|train-vertical::stop-cell:train-visited af|train-vertical::stop-icon-cell,
af|train-vertical:sub-train af|train-vertical::stop-cell:selected af|train-vertical::stop-icon-cell {
  background-image: none;
}
af|train:sub-train af|train::stop-cell:unvisited af|train::stop-icon-cell,
af|train-vertical:sub-train af|train-vertical::stop-cell:unvisited af|train-vertical::stop-icon-cell {
  background-image: none;
}

/* stop-icons */

/* private */
.AFTrainStopIconBorderRadius:alias {
  border-radius: 8px;
}
/* private */
.AFSubTrainStopIconBorderRadius:alias {
  border-radius: 6px;
}
af|train::stop-icon-selected,
af|train::stop-icon-disabled,
af|train::stop-icon-unvisited,
af|train::stop-icon-visited,
af|train-vertical::stop-icon-selected,
af|train-vertical::stop-icon-disabled,
af|train-vertical::stop-icon-unvisited,
af|train-vertical::stop-icon-visited {
  box-sizing: border-box;
  border-radius: -tr-property-ref(".AFTrainStopIconBorderRadius:alias","border-radius");
  border: 1px solid;
  height: 14px;
  width: 14px;

  -tr-inhibit: background-image;

  /* centering stop-icon within stop-icon-cell */
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  margin: auto;
}
@agent ie and (version:7) {
  af|train::stop-icon-selected,
  af|train::stop-icon-disabled,
  af|train::stop-icon-unvisited,
  af|train::stop-icon-visited,
  af|train-vertical::stop-icon-selected,
  af|train-vertical::stop-icon-disabled,
  af|train-vertical::stop-icon-unvisited,
  af|train-vertical::stop-icon-visited {
    width: 12px;
    height: 12px;
    margin-top: 4px;
    -tr-inhibit: position;
    -tr-inhibit: box-sizing;
  }
}
@agent gecko {
  af|train::stop-icon-selected,
  af|train::stop-icon-disabled,
  af|train::stop-icon-unvisited,
  af|train::stop-icon-visited,
  af|train-vertical::stop-icon-selected,
  af|train-vertical::stop-icon-disabled,
  af|train-vertical::stop-icon-unvisited,
  af|train-vertical::stop-icon-visited {
    -tr-inhibit: box-sizing;
    -moz-box-sizing: border-box;
  }
}
/* For Safari 5.0 and prior */
@agent webkit and (max-version: 534.11) {
  af|train::stop-icon-selected,
  af|train::stop-icon-disabled,
  af|train::stop-icon-unvisited,
  af|train::stop-icon-visited,
  af|train-vertical::stop-icon-selected,
  af|train-vertical::stop-icon-disabled,
  af|train-vertical::stop-icon-unvisited,
  af|train-vertical::stop-icon-visited {
    -tr-inhibit: box-sizing;
    -webkit-box-sizing: border-box;
  }
}
af|train:sub-train af|train::stop-icon-selected,
af|train:sub-train af|train::stop-icon-disabled,
af|train:sub-train af|train::stop-icon-unvisited,
af|train:sub-train af|train::stop-icon-visited,
af|train-vertical:sub-train af|train-vertical::stop-icon-selected,
af|train-vertical:sub-train af|train-vertical::stop-icon-disabled,
af|train-vertical:sub-train af|train-vertical::stop-icon-unvisited,
af|train-vertical:sub-train af|train-vertical::stop-icon-visited {
  border-radius: -tr-property-ref(".AFSubTrainStopIconBorderRadius:alias","border-radius");
  height: 11px;
  width: 11px;
}
@agent ie and (version:7) {
  af|train:sub-train af|train::stop-icon-selected,
  af|train:sub-train af|train::stop-icon-disabled,
  af|train:sub-train af|train::stop-icon-unvisited,
  af|train:sub-train af|train::stop-icon-visited,
  af|train-vertical:sub-train af|train-vertical::stop-icon-selected,
  af|train-vertical:sub-train af|train-vertical::stop-icon-disabled,
  af|train-vertical:sub-train af|train-vertical::stop-icon-unvisited,
  af|train-vertical:sub-train af|train-vertical::stop-icon-visited {
    height: 9px;
    width: 9px;
    margin-top: 5px;
  }
}
@agent ie and (max-version: 8) {
  af|train::stop-icon-selected,
  af|train::stop-icon-disabled,
  af|train::stop-icon-unvisited,
  af|train::stop-icon-visited,
  af|train-vertical::stop-icon-selected,
  af|train-vertical::stop-icon-disabled,
  af|train-vertical::stop-icon-unvisited,
  af|train-vertical::stop-icon-visited,
  af|train:sub-train af|train::stop-icon-selected,
  af|train:sub-train af|train::stop-icon-disabled,
  af|train:sub-train af|train::stop-icon-unvisited,
  af|train:sub-train af|train::stop-icon-visited,
  af|train-vertical:sub-train af|train-vertical::stop-icon-selected,
  af|train-vertical:sub-train af|train-vertical::stop-icon-disabled,
  af|train-vertical:sub-train af|train-vertical::stop-icon-unvisited,
  af|train-vertical:sub-train af|train-vertical::stop-icon-visited {
    -tr-inhibit: border-radius;
  }
}
@agent webkit {
  af|train:sub-train af|train::stop-icon-selected,
  af|train:sub-train af|train::stop-icon-disabled,
  af|train:sub-train af|train::stop-icon-unvisited,
  af|train:sub-train af|train::stop-icon-visited {
    margin-bottom: 6px;
  }
}
af|train::stop-icon-selected,
af|train-vertical::stop-icon-selected {
  border-color: -tr-property-ref(".AFButtonBorderActiveColor:alias","color");
  background-color: -tr-property-ref(".AFButtonActiveColor:alias","color");
}
af|train::stop-icon-disabled,
af|train-vertical::stop-icon-disabled {
  border-color: -tr-property-ref(".AFButtonBorderDisabledColor:alias","color");
  background-color: -tr-property-ref(".AFButtonDisabledColor:alias","color");
}
af|train::stop-icon-unvisited,
af|train-vertical::stop-icon-unvisited {
  border-color: -tr-property-ref(".AFButtonBorderColor:alias","color");
  -tr-rule-ref: selector(".AFButtonBackground:alias");
}
/* Though IE9 has support for both rounded corners & gradient, together rounded corner doesn't work */
@agent ie and (version: 9) {
  af|train::stop-icon-unvisited,
  af|train-vertical::stop-icon-unvisited {
    -tr-inhibit: filter;
  }
}
af|train::stop-icon-visited,
af|train-vertical::stop-icon-visited {
  border-color: -tr-property-ref(".AFButtonBorderActiveColor:alias","color");
  background-color: -tr-property-ref(".AFButtonTextActiveColor:alias","color");
}
/* for sub-train visited & selected stops have same LAF */
af|train:sub-train af|train::stop-icon-visited,
af|train-vertical:sub-train af|train-vertical::stop-icon-visited {
  background-color: -tr-property-ref(".AFButtonActiveColor:alias","color");
}
@agent (touchScreen:none) {
  af|train::stop-icon-unvisited:hover,
  af|train::stop-icon-visited:hover,
  af|train-vertical::stop-icon-unvisited:hover,
  af|train-vertical::stop-icon-visited:hover {
    -tr-inhibit: background-image;
  }
}
@agent (touchScreen:none) {
  af|train::stop-icon-unvisited:hover,
  af|train-vertical::stop-icon-unvisited:hover {
    background-color: -tr-property-ref(".AFButtonHoverSecondaryColor:alias","color");
    border-color: -tr-property-ref(".AFButtonHoverSecondaryColor:alias","color");
    background-image: none;
  }
}
@agent ie and (version:8) {
  af|train::stop-icon-unvisited:hover,
  af|train-vertical::stop-icon-unvisited:hover {
    filter: none;
  }
}
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,
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 {
  -tr-inhibit: background-image;
}

/* alert modifier icons */
af|train::stop-icon-error,
af|train::stop-icon-warning,
af|train::stop-icon-information,
af|train::stop-icon-confirmation,
af|train-vertical::stop-icon-error,
af|train-vertical::stop-icon-warning,
af|train-vertical::stop-icon-information,
af|train-vertical::stop-icon-confirmation {
  width: 9px;
  height: 9px;

  /* padding to position the modifier icon at bottom right (bottom left for RTL)
   corner of stop-icon instead of stop-icon-cell */
  bottom: 4px;
}
af|train::stop-icon-error:ltr,
af|train::stop-icon-warning:ltr,
af|train::stop-icon-information:ltr,
af|train::stop-icon-confirmation:ltr,
af|train-vertical::stop-icon-error:ltr,
af|train-vertical::stop-icon-warning:ltr,
af|train-vertical::stop-icon-information:ltr,
af|train-vertical::stop-icon-confirmation:ltr {
  /* padding to position the modifier icon at bottom right corner of
     stop-icon instead of stop-icon-cell */
  right: 4px;
}
af|train::stop-icon-error:rtl,
af|train::stop-icon-warning:rtl,
af|train::stop-icon-information:rtl,
af|train::stop-icon-confirmation:rtl,
af|train-vertical::stop-icon-error:rtl,
af|train-vertical::stop-icon-warning:rtl,
af|train-vertical::stop-icon-information:rtl,
af|train-vertical::stop-icon-confirmation:rtl {
  /* padding to position the modifier icon at bottom left corner of
     stop-icon instead of stop-icon-cell */
  left: 4px;
}
af|train::stop-icon-error,
af|train-vertical::stop-icon-error {
  background-image: url('/afr/alta-v1/alertModifier_error.png');
}
af|train::stop-icon-warning,
af|train-vertical::stop-icon-warning {
  background-image: url('/afr/alta-v1/alertModifier_warning.png');
}
af|train::stop-icon-information,
af|train-vertical::stop-icon-information {
  background-image: url('/afr/alta-v1/alertModifier_info.png');
}
af|train::stop-icon-confirmation,
af|train-vertical::stop-icon-confirmation {
  background-image: url('/afr/alta-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/alta-v1/alertModifier_error.png');
  bottom: 0px;
}
af|body:high-contrast af|train::stop-icon-warning:after,
af|body:high-contrast af|train-vertical::stop-icon-warning:after {
  content: url('/afr/alta-v1/alertModifier_warning.png');
  bottom: 0px;
}
af|body:high-contrast af|train::stop-icon-information:after,
af|body:high-contrast af|train-vertical::stop-icon-information:after {
  content: url('/afr/alta-v1/alertModifier_info.png');
  bottom: 0px;
}
af|body:high-contrast af|train::stop-icon-confirmation:after,
af|body:high-contrast af|train-vertical::stop-icon-confirmation:after {
  content: url('/afr/alta-v1/alertModifier_complete.png');
  bottom: 0px;
}
/* stop-links and content*/
af|train::stop-content {
  padding-top: 3px; /* For 10px vertical gap between stop and label */
  padding-left: 0;
  padding-right: 0;
  width: 124px;
  margin-left: 7px;
  margin-right: 8px;
  overflow: hidden;
  height: 28px;
}
af|train:sub-train af|train::stop-content {
  padding-top: 4px; /* To align with parent train labels */
}
af|train-vertical::stop-content {
  width: 124px;
  -tr-inhibit: max-width;
  height: 28px;
  /*a fixed height of 28px is set to label, forcing the top padding to be set as the join height is 16px*/
  padding-top: 15px;
  padding-bottom: 0;
  overflow: hidden;
}
af|train-vertical::stop-content:ltr {
  padding-left: 10px; /* For 10px horizontal gap between stop and label */
}
af|train-vertical::stop-content:rtl {
  padding-right: 10px; /* For 10px horizontal gap between stop and label */
}
af|train::stop-content:required,
af|train-vertical::stop-content:required {
  padding: 0;
  margin: 0;
}
af|train-vertical:sub-train af|train-vertical::stop-content:ltr {
  padding-left: 6px;
}
af|train-vertical:sub-train af|train-vertical::stop-content:rtl {
  padding-right: 6px;
}
af|train::stop-link,
af|train-vertical::stop-link {
  -tr-rule-ref: selector(".AFDefaultFont:alias");
}
af|train::stop-link:disabled,
af|train-vertical::stop-link:disabled {
  color: -tr-property-ref(".AFLinkDisabledColor:alias","color");
  -tr-inhibit: font-weight;
}
af|train::stop-link:train-visited,
af|train-vertical::stop-link:train-visited {
  color: -tr-property-ref(".AFLinkVisitedColor:alias","color");
}
af|train::stop-link:unvisited,
af|train-vertical::stop-link:unvisited {
  color: -tr-property-ref(".AFLinkColor:alias","color");
}
@agent (touchScreen:none) {
  af|train::stop-link:unvisited:hover,
  af|train-vertical::stop-link:unvisited:hover {
    text-decoration: underline;
  }
}
af|train::stop-link:unvisited:active,
af|train-vertical::stop-link:unvisited:active,
af|train::stop-link:unvisited:active:hover,
af|train-vertical::stop-link:unvisited:active:hover {
  color: -tr-property-ref(".AFLinkActiveColor:alias","color");
  text-decoration: underline;
}
af|train::stop-link:selected,
af|train-vertical::stop-link:selected {
  -tr-rule-ref: selector(".AFLinkColor:alias");
  font-weight: bold;
}

/* parent train labels */
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(".AFLabelColor:alias");
}
af|train::parent-start-content,
af|train::parent-end-content {
  padding-top: 1px; /* To maintain 10px gap between parent train icon and the label */
  width: 69px; /* offset width to be 71px */
  -tr-inhibit: text-align;
}
af|train-vertical::parent-start-content:ltr,
af|train-vertical::parent-end-content:ltr {
  padding-left: 6px;
}
af|train-vertical::parent-start-content:rtl,
af|train-vertical::parent-end-content:rtl {
  padding-right: 6px;
}
af|train-vertical::parent-start-content,
af|train-vertical::parent-start-icon-cell {
  padding-bottom: 12px; /* Spec calls out for having 40px b/w parent train label and first label */
}
af|train-vertical::parent-end-content,
af|train-vertical::parent-end-icon-cell {
  padding-top: 12px; /* Spec calls out for having 40px b/w parent train label and last label */
}

/* parent train icons */
af|train::parent-start-icon-cell,
af|train::parent-end-icon-cell {
  -tr-inhibit: text-align;
}
af|train::parent-start-icon:ltr,
af|train::parent-end-icon:rtl {
  content: url('/afr/alta-v1/left_parent_horizontal.png');
}
af|train::parent-end-icon:ltr,
af|train::parent-start-icon:rtl {
  content: url('/afr/alta-v1/right_parent_horizontal.png');
}
/* fusion & skyros skin have different icons for ltr and rtl, but alta has same icon for both */
af|train-vertical::parent-start-icon,
af|train-vertical::parent-start-icon:rtl {
  content: url('/afr/alta-v1/top_parent_vertical.png');
  vertical-align: middle;
}
af|train-vertical::parent-end-icon,
af|train-vertical::parent-end-icon:rtl {
  content: url('/afr/alta-v1/bottom_parent_vertical.png');
  vertical-align: middle;
}

/* overflow in train */
af|train::start-overflow-indicator,
af|train::end-overflow-indicator {
  margin-top: -1px;
}
af|train-vertical::top-overflow-indicator:ltr,
af|train-vertical::bottom-overflow-indicator:ltr {
  margin-left: -1px; /* to align with stop icons*/
}
af|train-vertical::top-overflow-indicator:rtl,
af|train-vertical::bottom-overflow-indicator:rtl {
  margin-right: -1px; /* to align with stop icons*/
}
af|train-vertical::body:ltr {
  margin-left: 1px; /* so that overflow icon is not cut-off on the left due to -ve margin */
}
af|train-vertical::body:rtl {
  margin-right: 1px; /* so that overflow icon is not cut-off on the left due to -ve margin */
}

/* For 20px gap between overflow icon and train component*/
af|train-vertical:start-overflow::body {
  padding-top: 47px;
}
af|train-vertical:end-overflow::body {
  padding-bottom: 47px;
}
af|train-vertical:sub-train:start-overflow::body {
  padding-top: 38px;
}
af|train-vertical:sub-train:end-overflow::body {
  padding-bottom: 38px;
}

af|train:start-overflow::body:ltr,
af|train:end-overflow::body:rtl {
  /* width of overflow icon is 28px, but the width between overflow button and first stop should be 50px */
  /*join-cell width is 59px and icon width is 28px, 50 + 9(from join-cell) + 19 */
  padding-left: 19px; 
}
af|train:end-overflow::body:ltr,
af|train:start-overflow::body:rtl {
  /* width of overflow icon is 28px, but the width between overflow button and first stop should be 50px */
  /*join-cell width is 59px and icon width is 28px, 50 + 9(from join-cell) + 19 */
  padding-right: 19px; 
}
af|train:sub-train:start-overflow::body:ltr,
af|train:sub-train:end-overflow::body:rtl {
  padding-left: 46px; /* For 18px gap b/w parent train labels and overflow icon */
}
af|train:sub-train:end-overflow::body:ltr,
af|train:sub-train:start-overflow::body:rtl {
  padding-right: 46px; /* For 18px gap b/w parent train labels and overflow icon */
}

.AFOverflowElement af|train::stop-link,
.AFOverflowElement af|train-vertical::stop-link {
  max-width: none;
  width: auto;
  display: block;
  margin: 1px;
  line-height: 28px;
}
.AFOverflowElement af|train::stop-link:ltr,
.AFOverflowElement af|train-vertical::stop-link:ltr {
  padding-left: 30px;
  padding-right: 24px;
}
.AFOverflowElement af|train::stop-link:rtl,
.AFOverflowElement af|train-vertical::stop-link:rtl {
  padding-left: 24px;
  padding-right: 30px;
}
@agent (touchScreen:none) {
  .AFOverflowElement af|train::stop-link:hover,
  .AFOverflowElement af|train-vertical::stop-link:hover {
    background-color: -tr-property-ref(".AFHoverSecondaryColor:alias","color");
  }
  .AFOverflowElement af|train::stop-link:disabled:hover,
  .AFOverflowElement af|train-vertical::stop-link:disabled:hover {
    background: none;
  }
}

/* End train styles */

/* Start trainButtonBar */
af|trainButtonBar::button-cell {
  /*TODO ALTA*/
}
/* End trainButtonBar */

/* Start lov styles*/

af|inputListOfValues::label,
af|inputComboboxListOfValues::label{
  color: -tr-property-ref(".AFLabelColor:alias","color");
  -tr-rule-ref: selector(".AFDefaultFont:alias");
  -tr-rule-ref: selector(".AFTextColor:alias"); 
  font-weight:bold;
}
af|inputListOfValues::content{
  color: -tr-property-ref(".AFTextColor:alias","color");
  background-color: -tr-property-ref(".AFFormControlContentColor:alias","color");
  background-image: none;
  border-width: 1px 0 1px 1px;
  border-style: solid ;
  border-color: -tr-property-ref(".AFFormControlContentBorderColor:alias","color");
  border-radius: -tr-property-ref(".AFFormControlContentBorder:alias","border-radius") 0 0 -tr-property-ref(".AFFormControlContentBorder:alias","border-radius");
  padding: 0 5px;
  vertical-align: middle;
  height: 28px;
  display: inline-block;
  margin: 0px;
}
af|inputListOfValues::content:rtl{
  border-width: 1px 1px 1px 0;
  border-radius: 0 -tr-property-ref(".AFFormControlContentBorder:alias","border-radius") -tr-property-ref(".AFFormControlContentBorder:alias","border-radius") 0;
}
af|inputListOfValues:read-only::label,
af|inputComboboxListOfValues:read-only::label{
  padding: 0 8px 0 0;
}
af|inputListOfValues:read-only,
af|inputComboboxListOfValues:read-only,
af|inputListOfValues:read-only::content,
af|inputComboboxListOfValues:read-only::content{
  -tr-inhibit: display;
  -tr-inhibit: height;
}
af|inputListOfValues:read-only::content,
af|inputComboboxListOfValues:read-only::content {
  /* To have same height as in normal state & To middle align the text vertically */
  line-height: 28px;

  /* Read-only content/text should align with text inside normal input element */
  padding-left: 6px;
}
af|inputListOfValues:error::content,
af|inputListOfValues:fatal::content{
  border-color: -tr-property-ref(".AFErrorColor:alias","color");
  border-style: solid;
  border-width: 2px 0 2px 2px;
  margin: 0;
}
af|inputListOfValues:error::content:rtl,
af|inputListOfValues:fatal::content:rtl{
  border-width: 2px 2px 2px 0;
}
af|inputListOfValues:error::search-icon-style,
af|inputListOfValues:fatal::search-icon-style{
  border-color: -tr-property-ref(".AFErrorColor:alias","color");
  border-style: solid;
  border-width: 2px 2px 2px 0;
  margin: 0 0 0 -2px;
}
af|inputListOfValues:error::search-icon-style:rtl,
af|inputListOfValues:fatal::search-icon-style:rtl{
  border-width: 2px 0 2px 2px;
  margin: 0 -2px 0 0;
}
af|inputListOfValues:warning::content{
  border-color: -tr-property-ref(".AFWarningColor:alias","color");
  border-style: solid;
  border-width: 2px 0 2px 2px;
  margin: 0;
}
af|inputListOfValues:warning::content:rtl{
  border-width: 2px 2px 2px 0;
}
af|inputListOfValues:warning::search-icon-style{
  border-color: -tr-property-ref(".AFWarningColor:alias","color");
  border-style: solid;
  border-width: 2px 2px 2px 0;
  margin: 0 0 0 -2px;
}
af|inputListOfValues:warning::search-icon-style:rtl{
  border-width: 2px 0 2px 2px;
  margin: 0 -2px 0 0;
}
af|inputListOfValues::search-icon-style{
  background-image: url("/afr/alta-v1/icon-search-ena.png");
  background-position: left center;
  background-color: -tr-property-ref(".AFFormControlContentColor:alias","color");
  padding-right: 5px;
  width: 20px;
  height: 28px;
  vertical-align: middle;
  border-width: 1px 1px 1px 0;
  border-style: solid ;
  border-color: -tr-property-ref(".AFFormControlContentBorderColor:alias","color");
  border-radius: 0 -tr-property-ref(".AFFormControlContentBorder:alias","border-radius") -tr-property-ref(".AFFormControlContentBorder:alias","border-radius") 0 ;
  display: inline-block;
  margin: 0px 0px 0px -2px;
}
af|body:high-contrast af|inputListOfValues::search-icon-style::after {
  content: url("/afr/alta-v1/icon-search-ena.png");
  position: relative;
  top: 5px;
}
af|inputListOfValues::search-icon-style:rtl{
  border-width: 1px 0 1px 1px;
  border-radius: -tr-property-ref(".AFButtonBorder:alias","border-radius") 0 0 -tr-property-ref(".AFButtonBorder:alias","border-radius");
  margin-right: -2px;
}
af|inputListOfValues::search-icon-style:active {
   background-image: url("/afr/alta-v1/icon-search-dwn.png");
}
af|body:high-contrast af|inputListOfValues::search-icon-style:active:after {
  content: url("/afr/alta-v1/icon-search-dwn.png");
}
af|inputListOfValues::search-icon-style:disabled,
af|inputListOfValues::search-icon-style:disabled:active{
  background-image: url("/afr/alta-v1/icon-search-dis.png");
  background-color: -tr-property-ref(".AFFormControlContentDisabledColor:alias","color");
  border-color: -tr-property-ref(".AFFormControlContentBorderDisabledColor:alias","color");
}
af|body:high-contrast af|inputListOfValues::search-icon-style:disabled:after,
af|body:high-contrast af|inputListOfValues::search-icon-style:disabled:active:after {
  content: url("/afr/alta-v1/icon-search-dis.png");
}
af|table af|inputListOfValues,
af|treeTable af|inputListOfValues{
  display: inline-block;
  max-width: 100%;
  width: 100%;
}
af|table af|inputListOfValues::content,
af|treeTable af|inputListOfValues::content{
  display: inline-block;
  max-width: 100%;
  width: 75%;
  padding:0 5px 0 0;
  text-indent: 5px;
}
af|table af|inputListOfValues::search-icon-style,
af|treeTable af|inputListOfValues::search-icon-style{
  display: inline-block;
  background-position: center center;
}
/*af|table af|inputListOfValues img[src*="/adf/images/t.gif"],
af|treeTable af|inputListOfValues img[src*="/adf/images/t.gif"] {
  /*display: table-cell;
}*/
af|inputListOfValues:disabled .AFPanelFormLayoutContentCell {
  background-image: none;
  background-color: transparent;
  border-style: none;
   -tr-inhibit: display;
}
af|inputListOfValues:disabled::content .AFPanelFormLayoutContentCell {
  -tr-rule-ref: selector(".AFTextDisabledColor:alias");
}

@agent (touchScreen:none){
  af|inputListOfValues::search-icon-style:hover {
    background-image: url("/afr/alta-v1/icon-search-ovr.png");
  }
  af|inputListOfValues::search-icon-style:disabled:hover {
    background-image: url("/afr/alta-v1/icon-search-dis.png");
  }
  af|body:high-contrast af|inputListOfValues::search-icon-style:hover:after {
    content: url("/afr/alta-v1/icon-search-ovr.png");
  }
  af|body:high-contrast af|inputListOfValues::search-icon-style:disabled:hover:after {
    content: url("/afr/alta-v1/icon-search-dis.png");
  }
}
/*inputCombboxListofValues common styles with lov*/

af|inputListOfValues:click-to-edit{
  background-image: none;
  background-color: transparent;
  border-style: none;
 -tr-inhibit: display;
}
@agent ie and (version:8){
  
  af|inputListOfValues:click-to-edit:focus-target::search-icon-style{
    background-image: url("/afr/alta-v1/icon-search-ena.png");
    border-width: 1px 1px 1px 0;
    border-style: solid ;
    border-color: -tr-property-ref(".AFFormControlContentBorderColor:alias","color");
    border-radius: 0 -tr-property-ref(".AFFormControlContentBorder:alias","border-radius") -tr-property-ref(".AFFormControlContentBorder:alias","border-radius") 0 ;
  }
  af|inputListOfValues:click-to-edit:focus-target::search-icon-style:active{
    background-image: url("/afr/alta-v1/icon-search-dwn.png");
  }
  af|inputListOfValues:click-to-edit:focus-target::search-icon-style:disabled{
     background-image: url("/afr/alta-v1/icon-search-dis.png");
  }
  af|inputListOfValues:click-to-edit:focus-target::search-icon-style:rtl{
    border-width: 1px 0 1px 1px;
    border-radius: -tr-property-ref(".AFFormControlContentBorder:alias","border-radius") 0 0 -tr-property-ref(".AFFormControlContentBorder:alias","border-radius")  ;
  }
  
  af|inputComboboxListOfValues:click-to-edit:focus-target::dropdown-cell{
    -tr-rule-ref: selector(".AFButtonBorder:alias");
    -tr-rule-ref: selector(".AFButtonBackground:alias");
    border-radius: 0 -tr-property-ref(".AFButtonBorder:alias","border-radius")  -tr-property-ref(".AFButtonBorder:alias","border-radius") 0;
  }
  af|inputComboboxListOfValues:click-to-edit:focus-target::dropdown-cell:active{
    -tr-rule-ref: selector(".AFButtonBorderActive:alias");
    -tr-rule-ref: selector(".AFButtonBackgroundActive:alias");
    border-radius: 0 -tr-property-ref(".AFButtonBorderActive:alias","border-radius")  -tr-property-ref(".AFButtonBorderActive:alias","border-radius") 0;
  }
  af|inputComboboxListOfValues:click-to-edit:focus-target::dropdown-cell:disabled{
    -tr-rule-ref: selector(".AFButtonBorderDisabled:alias");
    -tr-rule-ref: selector(".AFButtonBackgroundDisabled:alias");
    border-radius: 0 -tr-property-ref(".AFButtonBorderDisabled:alias","border-radius")  -tr-property-ref(".AFButtonBorderDisabled:alias","border-radius") 0;
  }
  af|inputComboboxListOfValues:click-to-edit:focus-target::dropdown-icon-style{
    background-image: url("/afr/alta-v1/dropdown_ena.png");
  }
  af|inputComboboxListOfValues:click-to-edit:focus-target::dropdown-icon-style:active{
    background-image: url("/afr/alta-v1/dropdown_dwn.png"); 
    background-color:-tr-property-ref(".AFButtonBackgroundActive:alias","background-color");
  }
  af|inputComboboxListOfValues:click-to-edit:focus-target::dropdown-icon-style:disabled{
    background-image: url("/afr/alta-v1/dropdown_dis.png");
    background-color:  -tr-property-ref(".AFButtonBackgroundDisabled:alias","background-color");
  }
}
@agent ie and (version:8) and (touchScreen:none){
  af|inputListOfValues:click-to-edit:hover-target::search-icon-style,
  af|inputComboboxListOfValues:click-to-edit:hover-target::dropdown-icon-style,
  af|inputComboboxListOfValues:click-to-edit:hover-target::dropdown-cell{
    -tr-rule-ref: selector(".AFC2EIconHover:alias");
  } 
  af|inputListOfValues:click-to-edit:focus-target::search-icon-style:hover,
  af|inputListOfValues:click-to-edit:hover-target::search-icon-style:hover{
    background-image: url("/afr/alta-v1/icon-search-ovr.png");
  }
  af|inputComboboxListOfValues:click-to-edit:focus-target::dropdown-icon-style:hover,
  af|inputComboboxListOfValues:click-to-edit:hover-target::dropdown-icon-style:hover{
    background-image: url("/afr/alta-v1/dropdown_ovr.png"); 
    background-color:-tr-property-ref(".AFButtonBackgroundHover:alias","background-color");
  }
  af|inputComboboxListOfValues:click-to-edit:focus-target::dropdown-cell:hover,
  af|inputComboboxListOfValues:click-to-edit:hover-target::dropdown-cell:hover{
    -tr-rule-ref: selector(".AFButtonBorderHover:alias");
    -tr-rule-ref: selector(".AFButtonBackgroundHover:alias");
    border-radius: 0 -tr-property-ref(".AFButtonBorderHover:alias","border-radius")  -tr-property-ref(".AFButtonBorderHover:alias","border-radius") 0;
  }
}

af|inputListOfValues:edit-mode-select::content {
  background-color: -tr-property-ref(".AFFormControlContentColor:alias","color");
  -tr-rule-ref: selector(".AFDefaultFont:alias");
  -tr-rule-ref: selector(".AFTextColor:alias");
  background-image: none;
  border-width: 0 0 1px 0;
  border-style: solid ;
  border-color: -tr-property-ref(".AFFormControlContentBorderColor:alias","color");
  border-radius: 0;
  padding-left: 5px;
  padding-right: 5px;
  padding-top: 0;
  padding-bottom: 0;
  vertical-align: top;
  margin: 0;
}
af|inputComboboxListOfValues:edit-mode-select::content{
  border-width: 0 0 1px 0;
  border-style: solid ;
  border-color: -tr-property-ref(".AFFormControlContentBorderColor:alias","color");
  border-radius: 0;
  padding-top: 1px;
  background-color: -tr-property-ref(".AFFormControlContentColor:alias","color");
}
@agent webkit{
  af|inputComboboxListOfValues:edit-mode-select::content{
    padding: 1px 0 0 0;
  }
}
af|inputListOfValues:edit-mode-select::search-icon-style{
  background-color: -tr-property-ref(".AFFormControlContentColor:alias","color");
  border-width: 0 1px 1px 0;
  border-style: solid ;
  border-color: -tr-property-ref(".AFFormControlContentBorderColor:alias","color");
  border-radius: 0 -tr-property-ref(".AFFormControlContentBorder:alias","border-raidus")  -tr-property-ref(".AFFormControlContentBorder:alias","border-raidus") 0 ;
  margin-top: 0;
}
@agent ie and (version:8){
  /*IE8 needs margin top for proper alignment*/
  af|inputListOfValues:edit-mode-select::search-icon-style{
    margin-top: 1px;
  }
}
af|inputListOfValues:edit-mode-select::search-icon-style:rtl{
  border-width: 0 0 1px 1px;
  border-radius: 0 0 0 -tr-property-ref(".AFFormControlContentBorder:alias","border-raidus") ;
}
af|inputComboboxListOfValues:edit-mode-select af|inputComboboxListOfValues::dropdown-cell{
  border-width: 1px;
  border-style: solid ;
  border-color: -tr-property-ref(".AFButtonBorderColor:alias","color");
  border-radius: 0 -tr-property-ref(".AFButtonBorder:alias","border-radius") -tr-property-ref(".AFButtonBorder:alias","border-radius") 0;
}
af|inputComboboxListOfValues:edit-mode-select af|inputComboboxListOfValues::dropdown-cell:rtl{
  border-radius: -tr-property-ref(".AFButtonBorder:alias","border-radius") 0 0 -tr-property-ref(".AFButtonBorder:alias","border-radius");
}
af|inputListOfValues::dialog af|query,
af|inputComboboxListOfValues::dialog af|query{
  /*left and right padding of 5px since resizable dialog has a padding of 5 px and query needs a padding of 10 px*/
  /*7px extra padding to fix the space between query and the toolbar (next component) to 10px*/
  padding: 0 5px 7px 5px;
}

af|inputListOfValues::dialog af|query::content3,
af|inputComboboxListOfValues::dialog af|query::content3,
af|inputComboboxListOfValues::dialog af|query::title3,
af|inputListOfValues::dialog af|query::title3{
   border: none;
}
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::search,
af|inputComboboxListOfValues::commandLink {
  padding: 0 5px;
  line-height: 24px;
  text-decoration: none;
}
af|inputComboboxListOfValues::search{
  border-top:1px solid -tr-property-ref(".AFFormControlContentBorderColor:alias","color");
}
af|inputComboboxListOfValues::dropdown-table{
  border-bottom: 0;
}
af|inputListOfValues:read-only .AFPanelFormLayoutContentCell,
af|inputComboboxListOfValues:read-only .AFPanelFormLayoutContentCell {
  -tr-inhibit: height;
}
af|inputListOfValues:read-only::content .AFPanelFormLayoutContentCell{
  -tr-inhibit: height;
  -tr-inhibit: display;
}
af|panelLabelAndMessage::content-cell.AFPanelFormLayoutContentCell af|inputListOfValues:read-only,
af|panelLabelAndMessage::content-cell.AFPanelFormLayoutContentCell af|inputComboboxListOfValues:read-only {
  -tr-inhibit: height;
}
af|inputListOfValues:read-only .AFPanelFormLayoutContentCell:rtl,
af|inputComboboxListOfValues:read-only  .AFPanelFormLayoutContentCell:rtl {
  -tr-inhibit: height;
}
af|panelLabelAndMessage::content-cell.AFPanelFormLayoutContentCell af|inputListOfValues:read-only:rtl,
af|panelLabelAndMessage::content-cell.AFPanelFormLayoutContentCell af|inputComboboxListOfValues:read-only:rtl {
 -tr-inhibit: height;
}
/*@agent webkit {
  af|table af|inputListOfValues,
  af|treeTable af|inputListOfValues{
    white-space: normal;
  }
}*/
@agent ie {
  af|table af|inputListOfValues::content,
  af|treeTable af|inputListOfValues::content{
    /*ie does not obey text-indent*/
    padding: 0 5px 0 5px;
  }

  af|table af|inputListOfValues::search-icon-style,
  af|treeTable af|inputListOfValues::search-icon-style{
    /*accommodate both left and right padding*/
    width: 24px;
  }
}

@agent ie and (version: 8.0){
  af|inputListOfValues::content{
  /*IE 7 - height makes the text inside the text box top aligned.. setting padding instead*/
    -tr-inhibit: height;
    padding: 6px 5px 5px 5px;
  }
  af|inputListOfValues:edit-mode-select::content{
  /*add n extra pixel to take care of no top border in select mode*/
    -tr-inhibit: height;
    padding: 7px 5px 5px 5px;
  }
  af|table af|inputListOfValues::content,
  af|treeTable af|inputListOfValues::content{
    padding: 6px 5px 5px 5px;
  }
}
@agent ie and (version: 7.0){
  af|inputListOfValues::content{
  /*IE 7 - height makes the text inside the text box top aligned.. setting padding instead*/
    -tr-inhibit: height;
    padding: 6px 5px 5px 5px;
  }
  af|inputListOfValues::search-icon-style:ltr  {
    margin-left: -3px;
    /*IE 7 is adding extra 2px for the element height excluding border and padding*/
}
  af|inputListOfValues::search-icon-style:rtl  {
    margin-right: -3px;
    /*IE 7 is adding extra 2px for the element height excluding border and padding*/
  }
  af|table af|inputListOfValues,
  af|treeTable af|inputListOfValues{
    display: inline-block;
}
  af|table af|inputListOfValues::content,
  af|treeTable af|inputListOfValues::content{
    display: inline-block;
     /*setting width for ie7 to 75% as there are layout issues*/
    /*default width coming from the base style file of 75% is applied*/
    /*IE 7 does not support the display table rule */
    width: 75%;
    padding: 6px 5px 5px 5px;
  }
  af|table af|inputListOfValues::search-icon-style,
  af|treeTable af|inputListOfValues::search-icon-style{
     display: inline-block;
     background-position: left center;
     width: 14px;
  }
}
/* end of inputComboboxListOfValues */
/* End lov styles */

/* Start calendar styles */

/* Skinning properties:
  -tr-toolbar-row-height: Height of a calendar toolbar row, in em
  -tr-month-all-day-activity-height: Height of an all day activity in month view, in px
*/
af|calendar{
  background-color: -tr-property-ref(".AFComponentBackgroundColor:alias", "color");
  -tr-toolbar-row-height:2.8;
  -tr-month-all-day-activity-height: 25;
  border: 1px solid -tr-property-ref(".AFBackgroundBorderColor:alias","color");  
}
af|calendar:printable {
  border: none;
}

/* Calendar toolbar styles */
/* turn off padding to left and right */
af|calendar af|toolbox af|toolbar::items {
  padding-left: 0px;
  padding-right: 0px;
}

af|calendar::toolbar-day-icon,
af|calendar::toolbar-day-icon:rtl {
  content: url(/afr/alta-v1/cal_day.png); 
}

af|calendar::toolbar-day-hover-icon {
  content: url(/afr/alta-v1/cal_day_ovr.png); 
}

af|calendar::toolbar-week-icon,
af|calendar::toolbar-week-icon:rtl {
  content: url(/afr/alta-v1/cal_week.png); 
}

af|calendar::toolbar-week-hover-icon{
  content: url(/afr/alta-v1/cal_week_ovr.png); 
}

af|calendar::toolbar-month-icon {
  content: url(/afr/alta-v1/cal_month.png); 
}

af|calendar::toolbar-month-hover-icon {
  content: url(/afr/alta-v1/cal_month_ovr.png); 
}

af|calendar::toolbar-list-icon {
  content: url(/afr/alta-v1/cal_list.png); 
}

af|calendar::toolbar-list-icon:rtl {
  content: url(/afr/alta-v1/cal_listrtl.png); 
}

af|calendar::toolbar-list-hover-icon {
  content: url(/afr/alta-v1/cal_list_ovr.png); 
}

af|calendar::toolbar-list-hover-icon:rtl {
  content: url(/afr/alta-v1/cal_listrtl_ovr.png); 
}

af|calendar::toolbar-day-active-icon {
  content: url(/afr/alta-v1/cal_day_dwn.png); 
}

af|calendar::toolbar-week-active-icon{
  content: url(/afr/alta-v1/cal_week_dwn.png); 
}

af|calendar::toolbar-month-active-icon {
  content: url(/afr/alta-v1/cal_month_dwn.png); 
}

af|calendar::toolbar-list-active-icon {
  content: url(/afr/alta-v1/cal_list_dwn.png); 
}

af|calendar::toolbar-list-active-icon:rtl {
  content: url(/afr/alta-v1/cal_listrtl_dwn.png); 
}

af|calendar::toolbar-prev-icon,
af|calendar::toolbar-next-icon:rtl {
  content: url("/afr/alta-v1/conv_l_ena.png");
  width: 14px;
  height: 14px;
}

af|calendar::toolbar-prev-hover-icon,
af|calendar::toolbar-next-hover-icon:rtl { 
  content: url("/afr/alta-v1/conv_l_ovr.png");
  width: 14px;
  height: 14px;
}

af|calendar::toolbar-prev-active-icon,
af|calendar::toolbar-next-active-icon:rtl {
  content: url("/afr/alta-v1/conv_l_dwn.png");
  width: 14px;
  height: 14px;
}

af|calendar::toolbar-next-icon,
af|calendar::toolbar-prev-icon:rtl {
  content: url("/afr/alta-v1/conv_r_ena.png");
  width: 14px;
  height: 14px;
}

af|calendar::toolbar-next-hover-icon,
af|calendar::toolbar-prev-hover-icon:rtl {
  content: url("/afr/alta-v1/conv_r_ovr.png");
  width: 14px;
  height: 14px;
}

af|calendar::toolbar-next-active-icon,
af|calendar::toolbar-prev-active-icon:rtl {
content: url("/afr/alta-v1/conv_r_dwn.png");
  width: 14px;
  height: 14px;
}

/* Set Previous/Next button to 14px height. 
  High specificity to override af|toolbar af|button::image selector which specifies 16px
  height. Use height of image (14px) + 6px padding + 1px allowance for hover border */
af|toolbar::item af|calendar::toolbar-prev-next-button-style af|button::link af|button::image {
  padding: 6px;
  width: 14px;
  height: 14px;  
}
/* Set background for previous/next arrow when hover */
@agent (touchScreen:none) {  
  af|calendar af|toolbar::item af|calendar::toolbar-prev-next-button-style.af|button:hover {
    background-color: -tr-property-ref(".AFButtonHoverColor:alias", "color");
    border: 1px solid -tr-property-ref(".AFButtonBorderHoverColor:alias","color");
  }
}

/* Set blue background for previous/next arrow when active */
af|calendar af|toolbar::item af|calendar::toolbar-prev-next-button-style.af|button:depressed,
af|calendar af|toolbar::item af|calendar::toolbar-prev-next-button-style.af|button:depressed:hover,
af|calendar af|toolbar::item af|calendar::toolbar-prev-next-button-style.af|button:selected,
af|calendar af|toolbar::item af|calendar::toolbar-prev-next-button-style.af|button:selected:active {
  -tr-rule-ref: selector(".AFButtonForegroundDepressed:alias");
  -tr-rule-ref: selector(".AFButtonBorderActive:alias");
  -tr-rule-ref: selector(".AFButtonBackgroundActive:alias");
}

/* Activity icons */

.AFCalendarActivityIconStyle:alias {
  height: 13px;
  width: 13px;  
}

af|calendar::reminder-dark-icon {
  content: url("/afr/alta-v1/cal_reminder_blk.png");
  -tr-rule-ref: selector(".AFCalendarActivityIconStyle:alias");
}

af|calendar::recurring-dark-icon {
  content: url("/afr/alta-v1/cal_repeat_blk.png");
  -tr-rule-ref: selector(".AFCalendarActivityIconStyle:alias");
}

af|calendar::recurring-change-dark-icon {
  content: url("/afr/alta-v1/cal_repeat_chg_blk.png");
  -tr-rule-ref: selector(".AFCalendarActivityIconStyle:alias");
}
af|calendar::activity-icon-container {
  vertical-align: sub;
}
@agent mozilla {
  af|calendar::activity-icon-container {
    vertical-align: -3px;
  }  
}
af|calendar::all-day-activity-prev-icon,
af|calendar::all-day-activity-next-icon:rtl {
  content: url("/afr/alta-v1/cal_prev_blk.png");
  height: 13px;
  width: 13px;
}
af|calendar::all-day-activity-next-icon,
af|calendar::all-day-activity-prev-icon:rtl {
  content: url("/afr/alta-v1/cal_next_blk.png");
  height: 13px;
  width: 13px;
}
af|calendar::list-activity-prev-icon,
af|calendar::list-activity-next-icon:rtl {
  content: url(/afr/alta-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/alta-v1/cal_list_end.png);
  width: 7px;
  height: 7px;  
}
af|calendar::calendar-icon-reminder-style {
  background-image: url("/afr/alta-v1/cal_reminder_blk.png");
  -tr-rule-ref: selector(".AFCalendarActivityIconReplacement:alias");
  margin-right: 1px;
}
af|calendar::all-day-activity.AFShortDuration af|calendar::calendar-icon-reminder-style {
  vertical-align: sub;  
}
@agent mozilla {
  af|calendar::all-day-activity.AFShortDuration af|calendar::calendar-icon-reminder-style {
    vertical-align: -3px;  
  }  
}
af|calendar::calendar-icon-recurring-style {
  background-image: url("/afr/alta-v1/cal_repeat_blk.png");
  -tr-rule-ref: selector(".AFCalendarActivityIconReplacement:alias");
  margin-right: 1px;
}
af|calendar::all-day-activity.AFShortDuration af|calendar::calendar-icon-recurring-style {
  vertical-align: sub;  
}
@agent mozilla {
  af|calendar::all-day-activity.AFShortDuration af|calendar::calendar-icon-recurring-style {
    vertical-align: -3px;  
  }
}
af|calendar::calendar-icon-recurring-change-style {
  background-image: url("/afr/alta-v1/cal_repeat_chg_blk.png");
  -tr-rule-ref: selector(".AFCalendarActivityIconReplacement:alias");  
  margin-right: 1px;
}
af|calendar::all-day-activity.AFShortDuration af|calendar::calendar-icon-recurring-change-style {
  vertical-align: sub;  
}
@agent mozilla {
  af|calendar::all-day-activity.AFShortDuration af|calendar::calendar-icon-recurring-change-style {
    vertical-align: -3px;  
  }
}

/* shared by day, week, month */
af|calendar::view {
  border-top: 1px solid -tr-property-ref(".AFBackgroundBorderColor:alias", "color");
  background-color: -tr-property-ref(".AFFormControlContentColor: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::all-day-activity-prev,
af|calendar::all-day-activity-next:rtl {
  padding-left: 5px;
  margin-top: .45em;
}

af|calendar::all-day-activity-next,
af|calendar::all-day-activity-prev:rtl {
  margin-top: .45em;
  padding-right: 5px;
}

/* The activity text is absolutely positioned to appear to the right of the Previous Arrow (if ltr, NextArrow for rtl).
The left is set to: the icon length + its padding-left(13 + 6) */
af|calendar::day af|calendar::all-day-activity:has-prev af|calendar::all-day-activity-text-wrapper,
af|calendar::day af|calendar::all-day-activity:has-next af|calendar::all-day-activity-text-wrapper:rtl,
af|calendar::week af|calendar::all-day-activity:has-prev af|calendar::all-day-activity-text-wrapper,
af|calendar::week af|calendar::all-day-activity:has-next af|calendar::all-day-activity-text-wrapper:rtl,
af|calendar::month af|calendar::all-day-activity:has-prev af|calendar::all-day-activity-text-wrapper,
af|calendar::month af|calendar::all-day-activity:has-next af|calendar::all-day-activity-text-wrapper:rtl{
  left: 19px;
  right: 0px;
}

/* The activity text is absolutely positioned to appear to the left of the Next Arrow (if ltr, PreviousArrow for rtl).
The right is set to: the icon length + its padding-left + spacing between the icon and the text (13 + 6 + 4) */
af|calendar::day af|calendar::all-day-activity:has-next af|calendar::all-day-activity-text-wrapper,
af|calendar::day af|calendar::all-day-activity:has-prev af|calendar::all-day-activity-text-wrapper:rtl,
af|calendar::week af|calendar::all-day-activity:has-next af|calendar::all-day-activity-text-wrapper,
af|calendar::week af|calendar::all-day-activity:has-prev af|calendar::all-day-activity-text-wrapper:rtl,
af|calendar::month af|calendar::all-day-activity:has-next af|calendar::all-day-activity-text-wrapper,
af|calendar::month af|calendar::all-day-activity:has-prev af|calendar::all-day-activity-text-wrapper:rtl {
  left: 0px;
  right: 19px;
}

/* The activity text is absolutely positioned to appear between the Previous Arrow and Next Arrow.
The left/right are set to: the icon length + its padding-left + spacing between the icon and the text (13 + 6 + 34 */
af|calendar::day af|calendar::all-day-activity:has-prev:has-next  af|calendar::all-day-activity-text-wrapper,
af|calendar::week af|calendar::all-day-activity:has-prev:has-next  af|calendar::all-day-activity-text-wrapper,
af|calendar::month af|calendar::all-day-activity:has-prev:has-next  af|calendar::all-day-activity-text-wrapper{
  left: 19px;
  right: 19px;
}

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:active-day af|calendar::week-header-day-link {
  color: -tr-property-ref(".AFTextPrimaryColor:alias","color");
}
af|calendar::week-header-cell:today af|calendar::week-header-day-link {
  color: -tr-property-ref(".AFLinkActiveColor:alias", "color");
}

af|calendar::month-grid-cell:active-day af|calendar::month-grid-cell-header,
af|calendar::week-header-cell:active-day {
  color: -tr-property-ref(".AFTextPrimaryColor:alias","color");
}

/* calendar specific colors that override the simple colors - defaults use Alta Blue*/
af|calendar::all-day-activity {
  background-color: -tr-property-ref(".AFCalendarCategory1LightColor:alias", "color");
  border: 1px solid -tr-property-ref(".AFCalendarCategory1MediumColor:alias", "color");
  background-repeat: repeat-x;
}
af|calendar::all-day-activity.AFShortDuration {
  -tr-rule-ref: selector(".AFCalendarAllDayActivityShortDuration:alias");
}

af|calendar::all-day-activity-text,
af|calendar::duration-activity-text {
  padding-left: 4px;
}

af|calendar::all-day-activity-text:rtl,
af|calendar::duration-activity-text:rtl{
  padding-right: 4px;
  padding-left: 0px;
}


af|calendar::all-day-activity-text,
af|calendar::all-day-activity-duration{
  color: -tr-property-ref(".AFTextSecondaryColor:alias","color");
}

af|calendar::all-day-activity-text-wrapper {
  padding-top: 4px;
}

af|calendar::list-activity-provider-name-cell {
  display: block;
  margin-left: -9px;
  margin-top: 0px;
}

@agent ie and (version: 8) {
  af|calendar::list-activity-provider-name-cell {
    padding-left: 0px;  
  }
}

@agent ie and (version: 9) {
  af|calendar::day af|calendar::all-day-activity-text-wrapper,  
  af|calendar::week af|calendar::all-day-activity-text-wrapper {
    padding-top:  0.45em;
  }
  af|calendar::list-activity-provider-name-cell {
    display: inline-block;
    margin-top: 0px;
  }
  af|calendar::list-activity-icons-cell {  
    margin-bottom: -1px;
    margin-top: 1px;
  }
}

@agent ie and (version: 11) {
  af|calendar::list-activity-provider-name-cell {
    padding-left: 8px;  
  }
}

@agent ie {
af|calendar::month af|calendar::all-day-activity-text-wrapper {
    padding-top: 5px;
  }
}

af|calendar::all-day-activity-time{
  background-color: -tr-property-ref(".AFCalendarCategory1LightColor:alias", "color");
  color: -tr-property-ref(".AFTextSecondaryColor:alias","color");
  font-weight: bold;
  -tr-rule-ref: selector(".AFDefaultFontSize:alias");
  font-size: -1;
  padding-right: 2px;
}
af|calendar::all-day-activity-time:rtl{
  background-color: -tr-property-ref(".AFCalendarCategory1LightColor:alias", "color");
  color: -tr-property-ref(".AFTextSecondaryColor:alias","color");
  font-weight: bold;
  -tr-rule-ref: selector(".AFDefaultFontSize:alias");
  font-size: -1;
  padding-left: 2px;
}

af|calendar::time-activity-container {
  background-color: -tr-property-ref(".AFCalendarCategory1LightColor:alias", "color");
  border: 1px solid -tr-property-ref(".AFCalendarCategory1MediumColor:alias", "color");
}
af|calendar::duration-activity-duration {
  font-weight: bold;  
  -tr-rule-ref: selector(".AFDefaultFontSize:alias");
  font-size: -1;
}

af|calendar::day-header-row-misc,
af|calendar::week-header-cell-misc,
af|calendar::list-day-of-week-column-misc,
af|calendar::month-grid-cell-header-misc {
  color: -tr-property-ref(".AFTextTertiaryColor:alias","color");  
  -tr-rule-ref: selector(".AFDefaultFont:alias");
}

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");  
}

af|calendar af|calendar::day-of-week:today {
  background-color: -tr-property-ref(".AFCalendarTodayBackgroundColor:alias", "color");
}

/* private style - this holds the activities in a day in the day & week view 
 Week view: Activities in subsequent days are laid out by setting percentage on the left attribute, 
            but may overlap the vertical grid lines. Setting margin-left gives it enough clearance.
            Activities in the first day of the week do not have this problem.
  Day view: Does not have the problem, only 1 vgrid line. 
*/
af|calendar af|calendar::week af|calendar::time-activities-cell {
  margin-left: 1px;
  margin-right: 0px;
}
af|calendar af|calendar::week af|calendar::time-activities-cell:rtl {
  margin-left: 0px;
  margin-right: 1px;
}
af|calendar af|calendar::week af|calendar::time-activities-cell:first {
  margin-left: 0px;
}

/* Splitter */

/* cursors */
/* move cursors */
af|calendar::month-time-activity:moveable, 
af|calendar::all-day-activity:moveable {
  cursor: move;
}
/* resize cursors*/
af|calendar::time-activity-resize-grip{
  cursor: ns-resize;
}

af|calendar::all-day-activity-resize-grip,
af|calendar::all-day-activity-resize-grip:rtl {
  cursor: ew-resize;
}


/* day */
/* 10px above, 2*12px text, 3px between text, 8px below */
af|calendar::day-header-row:customDayHeader {
  height: 47px;
}
af|calendar::day-header-row-misc {
  line-height: 15px;
}
af|calendar::day af|calendar::all-day-activity {
  box-sizing: border-box;
  margin-left: 10px;
  margin-right: 10px;
  height: 2.333em;
}
@agent mozilla {
  af|calendar::day af|calendar::all-day-activity {
    -moz-box-sizing: border-box;
    -tr-inhibit: box-sizing;
  }
}

af|calendar::day af|calendar::all-day-activity:has-prev,
af|calendar::day af|calendar::all-day-activity:has-next:rtl {
  margin-left: 0px;
  margin-right: 10px;
}
af|calendar::day af|calendar::all-day-activity:has-next,
af|calendar::day af|calendar::all-day-activity:has-prev:rtl {
  margin-left: 10px;
  margin-right: 0px;
}


af|calendar::day af|calendar::all-day-activity:rtl {
  -tr-inhibit: margin-left;
  margin-right: 10px;
}

/* 
  - 15px clearance from left border (+1 px) of all day activity in spec, so total of 16px
    but subtract 3px padding for af|calendar::duration-activity-duration
  - 7px between tasks but padding, border from all day activity adds extra, so inhibit those
*/
af|calendar::day af|calendar::all-day-activity.AFShortDuration {
  margin-left: 13px;
  -tr-inhibit: padding;
  -tr-inhibit: margin-top;
  height: 1.583em;
}

af|calendar::day af|calendar::all-day-activity.AFShortDuration:rtl {
  -tr-inhibit: margin-left;
  margin-right: 13px;
}

af|calendar::all-day-container {
  background-color: -tr-property-ref(".AFComponentBackgroundColor:alias", "color");
  border: 1px solid -tr-property-ref(".AFGridCellBorderColor:alias", "color");
  padding: 0px 1px;
}
/* spec asks for 8px between last item in all day container and grid */
af|calendar::all-day-container af|calendar::all-day-activity:last-child {
  padding-bottom: 8px;
}
af|calendar::day:today af|calendar::all-day-container {
  background-color:-tr-property-ref(".AFCalendarTodayBackgroundColor:alias", "color");
}

/* do not document. This is private and used for positioning */
af|calendar::time-activity-outer-container {
  left: 0px;
  right: 10px;
}
af|calendar::time-activity-outer-container:rtl {
  left: 10px;
  right: 0px;
}

/* used in both day and week view when all-day container requires a margin to match the time grid width */
/* Keep in sync: week-header-row-offset, all-day-container-offset, time-column */
af|calendar::all-day-container-offset {
  margin-right:0;
  margin-left:5.483em;
}
af|calendar::all-day-container-offset:rtl {
  margin-right:5.483em;
  margin-left:0;
}

/* week view should not have margin-right in IE only so the day vgrids line up.
IE counts the scrollbar in its width calculation and Firefox does not (which is probably a bug)*/
@agent ie {
/*  used in both day and week view when all-day container requires a margin to match the time grid width */
  af|calendar::week af|calendar::all-day-container-offset {
    margin-right:0px;
    margin-left:5.4em;
  }
  af|calendar::week af|calendar::all-day-container-offset:rtl {
    margin-left:0px;
    margin-right:5.4em;
  }
}

/* week */
af|calendar::week af|calendar::all-day-activity {
  box-sizing: border-box;
  height: 2.333em;
}
@agent mozilla {
  af|calendar::week af|calendar::all-day-activity {
    -moz-box-sizing: border-box;
    -tr-inhibit: box-sizing;
  }
}

/*Height = 10px above + 8px below + 12px font -2px browser padding for font= 28px = 2.33em*/
af|calendar::week-header-row {
  height: 2.33em;
}

af|calendar::week-header-row:customWeekHeader {
  height: 3.917em;
}

af|calendar::week-header-cell-misc {
  line-height: 20px;
}

/* Keep in sync: week-header-row-offset, all-day-container-offset, time-column */
af|calendar::week-header-row-offset {
  margin-left: 5.483em;
}
af|calendar::week-header-row-offset:rtl {
  margin-right: 5.483em;
}

/* IE8: scrollbar is included in width so the week-header-cell appeared wider than the activity cells.
  Setting margin-right to limit its width*/
@agent ie and (version: 8.0) {
  af|calendar::week-header-row-offset {
    margin-right: 15px;
  }
  
  af|calendar::week-header-row-offset:rtl {
    margin-left: 15px;
  }
}

af|calendar::week-header-cell {
  padding-top: 8px;
}

af|calendar::week-header-cell:today,
af|calendar::week-header-cell:today:active-day {
  -tr-inhibit: background-color;
}

af|calendar::activity-grid-column af|calendar::day-of-week  {
  background-color: -tr-property-ref(".AFComponentBackgroundColor:alias", "color");

}
af|calendar::activity-grid-column:today {
  -tr-rule-ref: selector(".AFCalendarTodayBackgroundColor:alias");
}

af|calendar::week-vgrid {
  border-left: 1px solid -tr-property-ref(".AFGridCellBorderColor:alias", "color");
}

af|calendar::time-activity-grid-container {
  background-color: -tr-property-ref(".AFComponentBackgroundColor:alias","color");
  border-top: 1px solid -tr-property-ref(".AFBackgroundBorderColor:alias", "color");
}

af|calendar:printable af|calendar::time-activity-grid-container {
  border-bottom: 1px solid -tr-property-ref(".AFBackgroundBorderColor:alias", "color");
}

af|calendar::time-activity-header {
  background-color: transparent;
  color: -tr-property-ref(".AFTextSecondaryColor:alias","color");
  font-weight: bold;
  -tr-rule-ref: selector(".AFDefaultFontSize:alias");
  font-size: -1;
  -tr-inhibit: padding-bottom;
  padding-top: 2px;
  padding-left: 5px;
}
af|calendar::time-activity-header:rtl {
  padding-right: 5px;  
}
@agent ie and (min-version: 8){
  af|calendar::time-activity-header {
    padding-top: 1px;
  }
}

@agent ie and (min-version: 9){
  af|calendar::time-activity-header {
    padding-top: 3px;
  }
}
af|calendar::time-activity-content {
  color: -tr-property-ref(".AFTextSecondaryColor:alias","color");
  padding-left: 5px;
  margin: -2px 0px 0px;
}
af|calendar::time-activity-content:rtl {
  padding-right: 5px;
}

af|calendar::time-activity-resize-grip{
  background-image: url("/afr/alta-v1/drag_vertical.png");
  background-position: center 7px;
  height: 13px;
  bottom: 1px;
}

@agent webkit and (touchScreen:none) {
  af|calendar::time-activity-resize-grip{
    background-position: center 18px;
  }
}

/* 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");
  box-sizing: border-box;
  height: 2.5em;
  padding: 8px 0px 5px 0px;
}
@agent mozilla {
  af|calendar::day-header-row {
  -moz-box-sizing: border-box;
  -tr-inhibit: box-sizing;
  }
}
@agent ie and (version: 9.0) {
  af|calendar::day-header-row {
    padding-top: 10px;
  }  
}

af|calendar::day-header-row-misc {
  margin-top: 3px;
}
af|calendar::toolbar-display-range {
  color: -tr-property-ref(".AFHeaderTextColor:alias","color");
  -tr-rule-ref: selector(".AFDefaultFontSize:alias");
  font-size: +1;
  margin:0 7px;  
}

/* width here should match the margin in day-header and the day-all-day-container */
/* Keep in sync: week-header-row-offset, all-day-container-offset, time-column */
af|calendar::time-column {
  background-color: -tr-property-ref(".AFFormControlContentColor:alias","color");
  border-right: 1px solid -tr-property-ref(".AFGridCellBorderColor:alias", "color");
  width: 5.483em;
}

/* spec requests 64px per hour */
af|calendar::time-cell {
  height: 5.33em;
}
af|calendar::time-text {
  color: -tr-property-ref(".AFTextSecondaryColor:alias","color");
  padding-left: 10px;
  padding-right: 5px;
  margin-top: 2px;
}
af|calendar::time-text:rtl {
  color: -tr-property-ref(".AFTextSecondaryColor:alias","color");
  padding-left: 5px;
  padding-right: 10px;
}

af|calendar::hgrid-minor {
  border-top:1px dotted -tr-property-ref(".AFGridCellBorderColor:alias","color");
}

af|calendar::hgrid-major {
  border-top:1px dotted -tr-property-ref(".AFGridCellBorderColor:alias","color");
}

/* month */

af|calendar::month af|calendar::all-day-activity {
  box-sizing: border-box;
  height: 2.083em;
  /* not directly applied as a style because the activity is absolutely positioned.
  Used by server and client to position activites, assuming em as units*/
  margin-bottom: 0.1em;
  -tr-inhibit: border-top;
}
@agent gecko {
  af|calendar::month af|calendar::all-day-activity  {
    -tr-inhibit: box-sizing;
    -moz-box-sizing: border-box;
  }
}  
af|calendar::month-time-activity {
  -tr-rule-ref: selector(".AFCalendarCategory1TextColor:alias");
  /* not directly applied as a style because the activity is absolutely positioned.
  Used by server and client to position activites, assuming em as units*/
  margin-bottom: 0.083em;  
}

af|calendar::month-grid-cell-header {
  background-color: -tr-property-ref(".AFGridControl2Color:alias","color");
  height: 2.417em;
  box-sizing: border-box;
  border-bottom: 1px solid -tr-property-ref(".AFPanelBorderColor:alias", "color");
}
@agent mozilla {
  af|calendar::month-grid-cell-header {
   -moz-box-sizing: border-box;
   -tr-inhibit: box-sizing;
  }
}

af|calendar::month-grid-cell-header-misc {
  left: 5px;
  -tr-inhibit: font-style;
  top: 6px;
}
af|calendar::month-grid-cell-header-day-link {
  margin-right: 2px;
  vertical-align: -3px;
  padding-top: 1px;
}

@agent ie {
  af|calendar::month-grid-cell-header-day-link {
    vertical-align: -5px;
  }  
}

af|calendar::month-header-row {
  background-color: -tr-property-ref(".AFFormControlContentColor:alias","color");
  color: -tr-property-ref(".AFTextPrimaryColor:alias","color");
  vertical-align: middle;
  min-height: 1.875em;
  height: 2.5em;
  box-sizing: border-box;
  border-bottom: none;
}

af|calendar:printable af|calendar::month-header-row {
  border-bottom: 1px solid -tr-property-ref(".AFPanelBorderColor:alias", "color");
}

@agent mozilla {
  af|calendar::month-header-row {
    -moz-box-sizing: border-box;
    -tr-inhibit: box-sizing;
  } 
}

af|calendar::month-header-cell {
  border-right: 1px solid -tr-property-ref(".AFPanelBorderColor:alias", "color");
  padding-top: 7px;
}

@agent ie {
  af|calendar::month-header-cell {
    padding-top: 10px;
  }
}

af|calendar::month-header-cell:today {
  -tr-inhibit: color;
  -tr-inhibit: background-color;
}
af|calendar::month-grid-cell:today af|calendar::month-grid-cell-header,
af|calendar::month-grid-cell:today:active-day af|calendar::month-grid-cell-header,
af|calendar::list-row:today:active-day af|calendar::list-day-of-week-column {
  background-color: -tr-property-ref(".AFGridCellActiveColor:alias","color");
}

af|calendar::month-grid{
  background-color: -tr-property-ref(".AFComponentBackgroundColor:alias","color");
}

af|calendar::month-grid-row {
  min-height: 1.81em;
}

af|calendar::month-grid-cell {
  border-bottom: none;
  border-top: 1px solid -tr-property-ref(".AFPanelBorderColor:alias", "color");
  border-left: 1px solid -tr-property-ref(".AFPanelBorderColor:alias", "color");
  background-color: -tr-property-ref(".AFComponentBackgroundColor:alias", "color");
}

af|calendar:printable af|calendar::month-grid-cell {
  border-top: none;
  border-bottom: 1px solid -tr-property-ref(".AFPanelBorderColor:alias", "color");
}

af|calendar::month-grid-cell:today {
  border: 1px solid -tr-property-ref(".AFGridCellBorderColor:alias", "color");  
  background-color: -tr-property-ref(".AFCalendarTodayBackgroundColor: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");
}



/* list */
af|calendar::list-date-separator {
  background-color: -tr-property-ref(".AFGridCellBorderColor:alias","color");
}
af|calendar::list-empty {
  padding:0.667em 0.833em;
}  

af|calendar::list-container {
  line-height: 23px;
}

@agent ie and (min-version:9) {
  af|calendar::list-empty {
    padding:0.833em 0.833em;
  }
}

/* Start list row styles */
af|calendar::list-row {
  background-color: -tr-property-ref(".AFComponentBackgroundColor:alias","color");
  -tr-rule-ref: selector(".AFTextColor:alias");
}
af|calendar::list-row:today {
  background-color: -tr-property-ref(".AFCalendarTodayBackgroundColor:alias","color");
}

af|calendar::list-date-separator {
  background-color:  -tr-property-ref(".AFGridCellBorderColor:alias", "color");
  padding-top: 1px;
}
/* list-cell already has a padding-left of 10px, thus adding padding-right here does
  not require rtl definition since it is symmetric */
af|calendar::list-day-of-week-column {
  background-color: -tr-property-ref(".AFGridControl2Color:alias","color");
  color: -tr-property-ref(".AFTextPrimaryColor:alias","color");
  font-weight: normal;
  padding-right: 10px;
  padding-top: 4px;
}
/* IE  : list-day-of-week-column is a table header, and IE has a bug where th does
  not inherit the text-align value (left) from its parent tr, but uses center alignment 
  http://haslayout.net/css/Non-Inherited-TH-Text-Align-Bug
  */
@agent ie {
  af|calendar::list-day-of-week-column {
     text-align: inherit;
  }
}
/* IE 8, Chrome and Safari need 7px padding-top to achieve 10px between the horizontal
grid line and following day's activity. Rules are:
- af|calendar::list-day-of-week-column
- af|calendar::list-day-of-month-column
- af|calendar::list-cell 
*/
@agent ie and (version:8.0) {
  af|calendar::list-day-of-week-column {
    padding-top: 6px;
  }  
  af|calendar::list-day-of-month-column {
    padding-top: 6px;
  }  
  af|calendar::list-cell {
    padding: 0px 10px 0 10px;
  }
}
@agent webkit {
  af|calendar::list-day-of-week-column {
    padding-top: 3px;
  }  
  af|calendar::list-day-of-month-column {
    padding-top: 3px;
  }  
}

af|calendar::list-row:today af|calendar::list-day-of-week-column,
af|calendar::list-row:today:active-day af|calendar::list-day-of-week-column{
  background-color: -tr-property-ref(".AFGridCellActiveColor:alias","color");
  color: -tr-property-ref(".AFTextPrimaryColor:alias","color");  
}

af|calendar::list-day-of-month-column {
  padding-top: 4px;
}
af|calendar::list-time-column {
  -tr-inhibit: vertical-align;
}

af|calendar::list-cell {
  color: -tr-property-ref(".AFTextSecondaryColor:alias", "color");
  padding: 0px 10px 0 10px;
  box-sizing: border-box;
}
@agent mozilla {
  af|calendar::list-cell {
    -tr-inhibit: box-sizing;
    -moz-box-sizing: border-box;
  }
}

af|calendar::list-cell:first {
  padding-top: 4px;
}

/* TODO: Previous value 
    padding: 8px 2px 0 10px;
    */

af|calendar::list-cell:last {
  padding-bottom: 5px;
}

af|calendar::list-cell:stretched:last {
  padding-bottom: 5px;
}

/* Printable mode: only renders List view. */
af|calendar:printable af|calendar::list-row,
af|calendar:printable af|calendar::list-row:today,
af|calendar:printable af|calendar::list-day-of-week-column,
af|calendar:printable af|calendar::list-day-of-week-column:today,
af|calendar:printable af|calendar::list-row:today:active-day af|calendar::list-day-of-week-column{
  background-color: -tr-property-ref(".AFBackgroundColor:alias", "color");
  color: -tr-property-ref(".AFTextColor:alias","color");
}
af|calendar:printable af|calendar::list-cell {
  color: -tr-property-ref(".AFTextPrimaryColor:alias","color");
}
af|calendar:printable af|calendar::list-date-separator {
  background-color: -tr-property-ref(".AFGridCellBorderColor", "color");  
}

af|calendar:printable af|calendar::list{
  border-top: 1px solid -tr-property-ref(".AFBackgroundBorderColor:alias", "color");
}

/* list-cell usually has 10px left and right padding but only 8px right padding for color swatch*/
af|calendar::list-swatch-container {
  width: 12px;
  height: 12px;
  border-radius: -tr-property-ref(".AFFormControlContentBorder:alias","border-radius");
  border:none;
  margin-left: 0px;
  margin-right: -2px;
}
/* IE: -2px margin-right in conjunction with padding-right of parent list-cell class gives 6px, so inhibit the margin*/
@agent ie {
  af|calendar::list-swatch-container {
    -tr-inhibit: margin-right;
  }
}


/* ER 17018797: New icons were introduced for Calendar but DOM was required to be preserved.
  Use box-sizing + padding-left to override the src of the icon's image tag, and replace it
  with the background-image of a CSS selector */
.AFCalendarActivityIconReplacement:alias {
  box-sizing: border-box;
  height: 13px;
  padding-left: 13px;
  width: 13px;
}
@agent gecko {
  .AFCalendarActivityIconReplacement:alias {
    -tr-inhibit: box-sizing;
    -moz-box-sizing: border-box;
  }
}
/* ER 17018797: New colors introduced for Alta Calendar */
/* Category1 : Alta Blue
background-color: #ade1f6; - used for light background
border: 1px solid #75c7ed; - used for medium border
color: #01528c; - medium color
*/
.AFCalendarCategory1LightColor:alias {
  color: #ade1f6;
}
.AFCalendarCategory1MediumColor:alias {
 color: #75c7ed;
}
.AFCalendarCategory1TextColor:alias {
  color: #01528c;
}
/* Activity background color and text selectors */
af|calendar::all-day-activity.AFCalendarCategory1,
.AFCalendarCategory1 af|calendar::time-activity-container {
  background-color: -tr-property-ref(".AFCalendarCategory1LightColor:alias", "color");
  border: 1px solid -tr-property-ref(".AFCalendarCategory1MediumColor:alias", "color");
}
af|calendar::month-time-activity.AFCalendarCategory1,
.AFCalendarCategory1 af|calendar::duration-activity-text,
.AFCalendarCategory1 af|calendar::duration-activity-duration {   
  -tr-rule-ref: selector(".AFCalendarCategory1TextColor:alias");
}
af|calendar::all-day-activity.AFCalendarCategory1.AFShortDuration {
  -tr-rule-ref: selector(".AFCalendarCategory1TextColor:alias");
}
.AFCalendarCategory1 af|calendar::all-day-activity-time,
.AFCalendarCategory1 af|calendar::time-activity-header { 
  background-color: -tr-property-ref(".AFCalendarCategory1LightColor:alias", "color");
}
/* Activity icons and swatches */
.AFCalendarCategory1 af|calendar::list-swatch-container { 
  background-color: -tr-property-ref(".AFCalendarCategory1MediumColor:alias","color");
  -tr-inhibit: border;
  display: inline-block;
}
/* List view color swatch takes 8px padding-right */
af|calendar::list-cell.AFCalendarCategory1 {
  padding-right: 8px;
}
/* resize grip is 4px from bottom, potentially truncating the text for
  activities with short duration. Use same background color as the activity, otherwise
  the truncated text beneath shows up the grip */
.AFCalendarCategory1 af|calendar::time-activity-resize-grip {
  background-color: -tr-property-ref(".AFCalendarCategory1LightColor:alias", "color");  
}
/* Category2 : Alta Orange
background-color: #ffe69a; - used for light background
border: 1px solid #ffcf5d; - used for medium border
color: #b36109; - medium color
*/
.AFCalendarCategory2LightColor:alias {
  color: #ffe69a;
}
.AFCalendarCategory2MediumColor:alias {
 color: #ffcf5d;
}
.AFCalendarCategory2TextColor:alias {
  color: #a96109;
}
/* Activity background color and text selectors */
af|calendar::all-day-activity.AFCalendarCategory2,
.AFCalendarCategory2 af|calendar::time-activity-container {
  background-color: -tr-property-ref(".AFCalendarCategory2LightColor:alias", "color");
  border: 1px solid -tr-property-ref(".AFCalendarCategory2MediumColor:alias", "color");
}
af|calendar::month-time-activity.AFCalendarCategory2,
.AFCalendarCategory2 af|calendar::duration-activity-text,
.AFCalendarCategory2 af|calendar::duration-activity-duration { 
  -tr-rule-ref: selector(".AFCalendarCategory2TextColor:alias");
}
af|calendar::all-day-activity.AFCalendarCategory2.AFShortDuration {
  -tr-rule-ref: selector(".AFCalendarAllDayActivityShortDuration:alias");
  -tr-rule-ref: selector(".AFCalendarCategory2TextColor:alias");
}
.AFCalendarCategory2 af|calendar::all-day-activity-time,
.AFCalendarCategory2 af|calendar::time-activity-header { 
  background-color: -tr-property-ref(".AFCalendarCategory2LightColor:alias", "color");
}
/* Activity icons and swatches */
.AFCalendarCategory2 af|calendar::list-swatch-container { 
  background-color: -tr-property-ref(".AFCalendarCategory2MediumColor:alias", "color");
  -tr-inhibit: border;
  display: inline-block;
}
/* List view color swatch takes 8px padding-right */
af|calendar::list-cell.AFCalendarCategory2 {
  padding-right: 8px;
}
.AFCalendarCategory2 af|calendar::time-activity-resize-grip {
  background-color: -tr-property-ref(".AFCalendarCategory2LightColor:alias", "color");  
}
/* Category3 : Alta Green
background-color: #c9f1aa; - used for light background
border: 1px solid #9ee471; - used for medium border
color: #5c8210; - medium color
*/
.AFCalendarCategory3LightColor:alias {
  color: #c9f1aa;
}
.AFCalendarCategory3MediumColor:alias {
 color: #9ee471;
}
.AFCalendarCategory3TextColor:alias {
  color: #3e8210;
}
/* Activity background color and text selectors */
af|calendar::all-day-activity.AFCalendarCategory3,
.AFCalendarCategory3 af|calendar::time-activity-container {
  background-color: -tr-property-ref(".AFCalendarCategory3LightColor:alias", "color");
  border: 1px solid -tr-property-ref(".AFCalendarCategory3MediumColor:alias", "color");
}
af|calendar::month-time-activity.AFCalendarCategory3,
.AFCalendarCategory3 af|calendar::duration-activity-text,
.AFCalendarCategory3 af|calendar::duration-activity-duration { 
  -tr-rule-ref: selector(".AFCalendarCategory3TextColor:alias");
}
af|calendar::all-day-activity.AFCalendarCategory3.AFShortDuration {
  -tr-rule-ref: selector(".AFCalendarAllDayActivityShortDuration:alias");
  -tr-rule-ref: selector(".AFCalendarCategory3TextColor:alias");
}
.AFCalendarCategory3 af|calendar::all-day-activity-time,
.AFCalendarCategory3 af|calendar::time-activity-header { 
  background-color: -tr-property-ref(".AFCalendarCategory3LightColor:alias", "color");
}
/* Activity icons and swatches */
.AFCalendarCategory3 af|calendar::list-swatch-container { 
  background-color: -tr-property-ref(".AFCalendarCategory3MediumColor:alias", "color");
  -tr-inhibit: border;
  display: inline-block;
}
/* List view color swatch takes 8px padding-right */
af|calendar::list-cell.AFCalendarCategory3 {
  padding-right: 8px;
}
.AFCalendarCategory3 af|calendar::time-activity-resize-grip {
  background-color: -tr-property-ref(".AFCalendarCategory3LightColor:alias", "color");  
}
/* Category4 : Alta Purple
background-color: #d3ccee; - used for light background
border: 1px solid #afa3de; - used for medium border
color: #5242a8; - medium color
*/
.AFCalendarCategory4LightColor:alias {
  color: #d3ccee;
}
.AFCalendarCategory4MediumColor:alias {
 color: #afa3de;
}
.AFCalendarCategory4TextColor:alias {
  color: #5242a8;
}
/* Activity background color and text selectors */
af|calendar::all-day-activity.AFCalendarCategory4,
.AFCalendarCategory4 af|calendar::time-activity-container {
  background-color: -tr-property-ref(".AFCalendarCategory4LightColor:alias", "color");
  border: 1px solid -tr-property-ref(".AFCalendarCategory4MediumColor:alias", "color");
}
af|calendar::month-time-activity.AFCalendarCategory4,
.AFCalendarCategory4 af|calendar::duration-activity-text,
.AFCalendarCategory4 af|calendar::duration-activity-duration {  
  -tr-rule-ref: selector(".AFCalendarCategory4TextColor:alias");
}
af|calendar::all-day-activity.AFCalendarCategory4.AFShortDuration {
  -tr-rule-ref: selector(".AFCalendarAllDayActivityShortDuration:alias");
  -tr-rule-ref: selector(".AFCalendarCategory4TextColor:alias");
}
.AFCalendarCategory4 af|calendar::all-day-activity-time,
.AFCalendarCategory4 af|calendar::time-activity-header { 
  background-color: -tr-property-ref(".AFCalendarCategory4LightColor:alias", "color");
}
/* Activity icons and swatches */
.AFCalendarCategory4 af|calendar::list-swatch-container { 
  background-color: -tr-property-ref(".AFCalendarCategory4MediumColor:alias", "color");
  -tr-inhibit: border;
  display: inline-block;
}
/* List view color swatch takes 8px padding-right */
af|calendar::list-cell.AFCalendarCategory4 {
  padding-right: 8px;
}
.AFCalendarCategory4 af|calendar::time-activity-resize-grip {
  background-color: -tr-property-ref(".AFCalendarCategory4LightColor:alias", "color");  
}
/* Category5 : Alta Citrine
background-color: #eeeca1; - used for light background
border: 1px solid #deda66; - used for medium border
color: #7a710c; - medium color
*/
.AFCalendarCategory5LightColor:alias {
  color: #eeeca1;
}
.AFCalendarCategory5MediumColor:alias {
 color: #deda66;
}
.AFCalendarCategory5TextColor:alias {
  color: #7a710c;
}
/* Activity background color and text selectors */
af|calendar::all-day-activity.AFCalendarCategory5,
.AFCalendarCategory5 af|calendar::time-activity-container {
  background-color: -tr-property-ref(".AFCalendarCategory5LightColor:alias", "color");
  border: 1px solid -tr-property-ref(".AFCalendarCategory5MediumColor:alias", "color");
}
af|calendar::month-time-activity.AFCalendarCategory5,
.AFCalendarCategory5 af|calendar::duration-activity-text,
.AFCalendarCategory5 af|calendar::duration-activity-duration { 
  -tr-rule-ref: selector(".AFCalendarCategory5TextColor:alias");
}
af|calendar::all-day-activity.AFCalendarCategory5.AFShortDuration {
  -tr-rule-ref: selector(".AFCalendarAllDayActivityShortDuration:alias");
  -tr-rule-ref: selector(".AFCalendarCategory5TextColor:alias");
}
.AFCalendarCategory5 af|calendar::all-day-activity-time,
.AFCalendarCategory5 af|calendar::time-activity-header { 
  background-color: -tr-property-ref(".AFCalendarCategory5LightColor:alias", "color");
}
/* Activity icons and swatches */
.AFCalendarCategory5 af|calendar::list-swatch-container { 
  background-color: -tr-property-ref(".AFCalendarCategory5MediumColor:alias", "color");
  -tr-inhibit: border;
  display: inline-block;
}
/* List view color swatch takes 8px padding-right */
af|calendar::list-cell.AFCalendarCategory5 {
  padding-right: 8px;
}
.AFCalendarCategory5 af|calendar::time-activity-resize-grip {
  background-color: -tr-property-ref(".AFCalendarCategory5LightColor:alias", "color");  
}
/* Category6 : Alta Red
background-color: #ffd7d7; - used for light background
border: 1px solid #ffb5b5; - used for medium border
color: #bf4c50; - medium color
*/
.AFCalendarCategory6LightColor:alias {
  color: #ffd7d7;
}
.AFCalendarCategory6MediumColor:alias {
 color: #ffb5b5;
}
.AFCalendarCategory6TextColor:alias {
  color: #bf4c50;
}
/* Activity background color and text selectors */
af|calendar::all-day-activity.AFCalendarCategory6,
.AFCalendarCategory6 af|calendar::time-activity-container {
  background-color: -tr-property-ref(".AFCalendarCategory6LightColor:alias", "color");
  border: 1px solid -tr-property-ref(".AFCalendarCategory6MediumColor:alias", "color");
}
af|calendar::month-time-activity.AFCalendarCategory6,
.AFCalendarCategory6 af|calendar::duration-activity-text,
.AFCalendarCategory6 af|calendar::duration-activity-duration { 
  -tr-rule-ref: selector(".AFCalendarCategory6TextColor:alias");
}
af|calendar::all-day-activity.AFCalendarCategory6.AFShortDuration {
  -tr-rule-ref: selector(".AFCalendarAllDayActivityShortDuration:alias");
  -tr-rule-ref: selector(".AFCalendarCategory6TextColor:alias");
}
.AFCalendarCategory6 af|calendar::all-day-activity-time,
.AFCalendarCategory6 af|calendar::time-activity-header { 
  background-color: -tr-property-ref(".AFCalendarCategory6LightColor:alias", "color");
}
/* Activity icons and swatches */
.AFCalendarCategory6 af|calendar::list-swatch-container { 
  background-color: -tr-property-ref(".AFCalendarCategory6MediumColor:alias", "color");
  -tr-inhibit: border;
  display: inline-block;
}
/* List view color swatch takes 8px padding-right */
af|calendar::list-cell.AFCalendarCategory6 {
  padding-right: 8px;
}
.AFCalendarCategory6 af|calendar::time-activity-resize-grip {
  background-color: -tr-property-ref(".AFCalendarCategory6LightColor:alias", "color");  
}
/* Category7 : Alta Yellow
background-color: #fefaac; - used for light background
border: 1px solid #fcf04e; - used for medium border
color: #996908; - medium color
*/
.AFCalendarCategory7LightColor:alias {
  color: #fefaac;
}
.AFCalendarCategory7MediumColor:alias {
 color: #fcf04e;
}
.AFCalendarCategory7TextColor:alias {
  color: #996908;
}
/* Activity background color and text selectors */
af|calendar::all-day-activity.AFCalendarCategory7,
.AFCalendarCategory7 af|calendar::time-activity-container {
  background-color: -tr-property-ref(".AFCalendarCategory7LightColor:alias", "color");
  border: 1px solid -tr-property-ref(".AFCalendarCategory7MediumColor:alias", "color");
}
af|calendar::month-time-activity.AFCalendarCategory7,
.AFCalendarCategory7 af|calendar::duration-activity-text,
.AFCalendarCategory7 af|calendar::duration-activity-duration {   
  -tr-rule-ref: selector(".AFCalendarCategory7TextColor:alias");
}
af|calendar::all-day-activity.AFCalendarCategory7.AFShortDuration {
  -tr-rule-ref: selector(".AFCalendarAllDayActivityShortDuration:alias");
  -tr-rule-ref: selector(".AFCalendarCategory7TextColor:alias");
}
.AFCalendarCategory7 af|calendar::all-day-activity-time,
.AFCalendarCategory7 af|calendar::time-activity-header { 
  background-color: -tr-property-ref(".AFCalendarCategory7LightColor:alias", "color");
}
/* Activity icons and swatches */
.AFCalendarCategory7 af|calendar::list-swatch-container { 
  background-color: -tr-property-ref(".AFCalendarCategory7MediumColor:alias", "color");
  -tr-inhibit: border;
  display: inline-block;
}
/* List view color swatch takes 8px padding-right */
af|calendar::list-cell.AFCalendarCategory7 {
  padding-right: 8px;
}
.AFCalendarCategory7 af|calendar::time-activity-resize-grip {
  background-color: -tr-property-ref(".AFCalendarCategory7LightColor:alias", "color");  
}
/* Category8 : Alta Cornflower
background-color: #c4d7f7; - used for light background
border: 1px solid #97b5ef; - used for medium border
color: #2d4eb3; - medium color
*/
.AFCalendarCategory8LightColor:alias {
  color: #c4d7f7;
}
.AFCalendarCategory8MediumColor:alias {
 color: #97b5ef;
}
.AFCalendarCategory8TextColor:alias {
  color: #2d4eb3;
}
/* Activity background color and text selectors */
af|calendar::all-day-activity.AFCalendarCategory8,
.AFCalendarCategory8 af|calendar::time-activity-container {
  background-color: -tr-property-ref(".AFCalendarCategory8LightColor:alias", "color");
  border: 1px solid -tr-property-ref(".AFCalendarCategory8MediumColor:alias", "color");
}
af|calendar::month-time-activity.AFCalendarCategory8,
.AFCalendarCategory8 af|calendar::duration-activity-text,
.AFCalendarCategory8 af|calendar::duration-activity-duration {  
   -tr-rule-ref: selector(".AFCalendarCategory8TextColor:alias");
}
af|calendar::all-day-activity.AFCalendarCategory8.AFShortDuration {
  -tr-rule-ref: selector(".AFCalendarAllDayActivityShortDuration:alias");
  -tr-rule-ref: selector(".AFCalendarCategory8TextColor:alias");
}
.AFCalendarCategory8 af|calendar::all-day-activity-time,
.AFCalendarCategory8 af|calendar::time-activity-header { 
  background-color: -tr-property-ref(".AFCalendarCategory8LightColor:alias", "color");
}
/* Activity icons and swatches */
.AFCalendarCategory8 af|calendar::list-swatch-container { 
  background-color: -tr-property-ref(".AFCalendarCategory8MediumColor:alias", "color");
  -tr-inhibit: border;
  display: inline-block;
}
/* List view color swatch takes 8px padding-right */
af|calendar::list-cell.AFCalendarCategory8 {
  padding-right: 8px;
}
.AFCalendarCategory8 af|calendar::time-activity-resize-grip {
  background-color: -tr-property-ref(".AFCalendarCategory8LightColor:alias", "color");  
}
/* Category9 : Alta Turquoise
background-color: #b1e7da; - used for light background
border: 1px solid #7bd1ba; - used for medium border
color: #1a827f; - medium color
*/
.AFCalendarCategory9LightColor:alias {
  color: #b1e7da;
}
.AFCalendarCategory9MediumColor:alias {
 color: #7bd1ba;
}
.AFCalendarCategory9TextColor:alias {
  color: #218073;
}
/* Activity background color and text selectors */
af|calendar::all-day-activity.AFCalendarCategory9,
.AFCalendarCategory9 af|calendar::time-activity-container {
  background-color: -tr-property-ref(".AFCalendarCategory9LightColor:alias", "color");
  border: 1px solid -tr-property-ref(".AFCalendarCategory9MediumColor:alias", "color");
}
af|calendar::month-time-activity.AFCalendarCategory9,
.AFCalendarCategory9 af|calendar::duration-activity-text,
.AFCalendarCategory9 af|calendar::duration-activity-duration {  
  -tr-rule-ref: selector(".AFCalendarCategory9TextColor:alias");
}
af|calendar::all-day-activity.AFCalendarCategory9.AFShortDuration {
  -tr-rule-ref: selector(".AFCalendarAllDayActivityShortDuration:alias");
  -tr-rule-ref: selector(".AFCalendarCategory9TextColor:alias");
}
.AFCalendarCategory9 af|calendar::all-day-activity-time,
.AFCalendarCategory9 af|calendar::time-activity-header { 
  background-color: -tr-property-ref(".AFCalendarCategory9LightColor:alias", "color");
}
/* Activity icons and swatches */
.AFCalendarCategory9 af|calendar::list-swatch-container { 
  background-color: -tr-property-ref(".AFCalendarCategory9MediumColor:alias", "color");
  -tr-inhibit: border;
  display: inline-block;
}
/* List view color swatch takes 8px padding-right */
af|calendar::list-cell.AFCalendarCategory9 {
  padding-right: 8px;
}
.AFCalendarCategory9 af|calendar::time-activity-resize-grip {
  background-color: -tr-property-ref(".AFCalendarCategory9LightColor:alias", "color");  
}
/* Category10 : Alta Peach
background-color: #ffdab8; - used for light background
border: 1px solid #ffba85; - used for medium border
color: #c55029; - medium color
*/
.AFCalendarCategory10LightColor:alias {
  color: #ffdab8;
}
.AFCalendarCategory10MediumColor:alias {
 color: #ffba85;
}
.AFCalendarCategory10TextColor:alias {
  color: #bf5029;
}
/* Activity background color and text selectors */
af|calendar::all-day-activity.AFCalendarCategory10,
.AFCalendarCategory10 af|calendar::time-activity-container {
  background-color: -tr-property-ref(".AFCalendarCategory10LightColor:alias", "color");
  border: 1px solid -tr-property-ref(".AFCalendarCategory10MediumColor:alias", "color");
}
af|calendar::month-time-activity.AFCalendarCategory10,
.AFCalendarCategory10 af|calendar::duration-activity-text,
.AFCalendarCategory10 af|calendar::duration-activity-duration {   
  -tr-rule-ref: selector(".AFCalendarCategory10TextColor:alias");
}
af|calendar::all-day-activity.AFCalendarCategory10.AFShortDuration {
  -tr-rule-ref: selector(".AFCalendarAllDayActivityShortDuration:alias");
  -tr-rule-ref: selector(".AFCalendarCategory10TextColor:alias");
}
.AFCalendarCategory10 af|calendar::all-day-activity-time,
.AFCalendarCategory10 af|calendar::time-activity-header { 
  background-color: -tr-property-ref(".AFCalendarCategory10LightColor:alias", "color");
}
/* Activity icons and swatches */
.AFCalendarCategory10 af|calendar::list-swatch-container { 
  background-color: -tr-property-ref(".AFCalendarCategory10MediumColor:alias", "color");
  -tr-inhibit: border;
  display: inline-block;
}
/* List view color swatch takes 8px padding-right */
af|calendar::list-cell.AFCalendarCategory10 {
  padding-right: 8px;
}
.AFCalendarCategory10 af|calendar::time-activity-resize-grip {
  background-color: -tr-property-ref(".AFCalendarCategory10LightColor:alias", "color");  
}
/* Category11 : Alta Magenta
background-color: #edcceb; - used for light background
border: 1px solid #dca3d9; - used for medium border
color: #8c3885; - medium color
*/
.AFCalendarCategory11LightColor:alias {
  color: #edcceb;
}
.AFCalendarCategory11MediumColor:alias {
 color: #dca3d9;
}
.AFCalendarCategory11TextColor:alias {
  color: #8c3885;
}
/* Activity background color and text selectors */
af|calendar::all-day-activity.AFCalendarCategory11,
.AFCalendarCategory11 af|calendar::time-activity-container {
  background-color: -tr-property-ref(".AFCalendarCategory11LightColor:alias", "color");
  border: 1px solid -tr-property-ref(".AFCalendarCategory11MediumColor:alias", "color");
}
af|calendar::month-time-activity.AFCalendarCategory11,
.AFCalendarCategory11 af|calendar::duration-activity-text,
.AFCalendarCategory11 af|calendar::duration-activity-duration {  
  -tr-rule-ref: selector(".AFCalendarCategory11TextColor:alias");
}
af|calendar::all-day-activity.AFCalendarCategory11.AFShortDuration {
  -tr-rule-ref: selector(".AFCalendarAllDayActivityShortDuration:alias");
  -tr-rule-ref: selector(".AFCalendarCategory11TextColor:alias");
}
.AFCalendarCategory11 af|calendar::all-day-activity-time,
.AFCalendarCategory11 af|calendar::time-activity-header { 
  background-color: -tr-property-ref(".AFCalendarCategory11LightColor:alias", "color");
}
/* Activity icons and swatches */
.AFCalendarCategory11 af|calendar::list-swatch-container { 
  background-color: -tr-property-ref(".AFCalendarCategory11MediumColor:alias", "color");
  -tr-inhibit: border;
  display: inline-block;
}
/* List view color swatch takes 8px padding-right */
af|calendar::list-cell.AFCalendarCategory11 {
  padding-right: 8px;
}
.AFCalendarCategory11 af|calendar::time-activity-resize-grip {
  background-color: -tr-property-ref(".AFCalendarCategory11LightColor:alias", "color");  
}
/* Category12 : Alta Moss
background-color: #c8ebcf; - used for light background
border: 1px solid #9dd9a8; - used for medium border
color: #108724; - medium color
*/
.AFCalendarCategory12LightColor:alias {
  color: #c8ebcf;
}
.AFCalendarCategory12MediumColor:alias {
 color: #9dd9a8;
}
.AFCalendarCategory12TextColor:alias {
  color: #0a8524;
}
/* Activity background color and text selectors */
af|calendar::all-day-activity.AFCalendarCategory12,
.AFCalendarCategory12 af|calendar::time-activity-container {
  background-color: -tr-property-ref(".AFCalendarCategory12LightColor:alias", "color");
  border: 1px solid -tr-property-ref(".AFCalendarCategory12MediumColor:alias", "color");
}
af|calendar::month-time-activity.AFCalendarCategory12,
.AFCalendarCategory12 af|calendar::duration-activity-text,
.AFCalendarCategory12 af|calendar::duration-activity-duration {  
  -tr-rule-ref: selector(".AFCalendarCategory12TextColor:alias");
}
af|calendar::all-day-activity.AFCalendarCategory12.AFShortDuration {
  -tr-rule-ref: selector(".AFCalendarAllDayActivityShortDuration:alias");
  -tr-rule-ref: selector(".AFCalendarCategory12TextColor:alias");
}
.AFCalendarCategory12 af|calendar::all-day-activity-time,
.AFCalendarCategory12 af|calendar::time-activity-header { 
  background-color: -tr-property-ref(".AFCalendarCategory12LightColor:alias", "color");
}
/* Activity icons and swatches */
.AFCalendarCategory12 af|calendar::list-swatch-container { 
  background-color: -tr-property-ref(".AFCalendarCategory12MediumColor:alias", "color");
  -tr-inhibit: border;
  display: inline-block;
}
/* List view color swatch takes 8px padding-right */
af|calendar::list-cell.AFCalendarCategory12 {
  padding-right: 8px;
}
.AFCalendarCategory12 af|calendar::time-activity-resize-grip {
  background-color: -tr-property-ref(".AFCalendarCategory12LightColor: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 {
  /*TODO ALTA*/
}
@agent ie {
  af|inputColor::input-chooser-wrapper {
    display: inline-block;
  }
}
/* adjust the panelFormLayout to adjust for the 2px margin around inputColor component */
af|inputColor .AFPanelFormLayoutContentCell {
  /*TODO ALTA*/
}
af|inputColor:read-only .AFPanelFormLayoutContentCell {
  padding-left: 9px;
}
af|panelLabelAndMessage::content-cell.AFPanelFormLayoutContentCell af|inputColor:read-only {
  padding-left: 2px;
}
@agent gecko {
  af|inputColor .AFPanelFormLayoutContentCell {
    /*TODO ALTA*/
  }
  af|panelLabelAndMessage::content-cell.AFPanelFormLayoutContentCell af|inputColor {
    /*TODO ALTA*/
  }
  af|panelLabelAndMessage::content-cell.AFPanelFormLayoutContentCell af|inputColor:read-only::content {
    /*TODO ALTA*/
  }
}
@agent ie {
  af|panelLabelAndMessage::content-cell.AFPanelFormLayoutContentCell af|inputColor:read-only::swatch-container {
    /*TODO ALTA*/
  }
}

af|inputColor .AFPanelFormLayoutContentCell:rtl {
  /*TODO ALTA*/
}
af|inputColor:read-only .AFPanelFormLayoutContentCell:rtl {
  /*TODO ALTA*/
}
af|panelLabelAndMessage::content-cell.AFPanelFormLayoutContentCell af|inputColor:read-only:rtl {
  /*TODO ALTA*/
}
@agent ie {
  af|inputColor .AFPanelFormLayoutContentCell {
    /*TODO ALTA*/
  }
  af|inputColor .AFPanelFormLayoutContentCell:rtl {
    /*TODO ALTA*/
  }
  af|panelLabelAndMessage::content-cell.AFPanelFormLayoutContentCell af|inputColor {
    /*TODO ALTA*/
  }
  af|panelLabelAndMessage::content-cell.AFPanelFormLayoutContentCell af|inputColor:rtl {
    /*TODO ALTA*/
  }
}

af|inputColor::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");
  padding: 1px 5px;
  margin: 1px 0px 1px 1px;
  height: 24px;
}
af|inputColor::content:rtl {
  margin-right: 1px;
  margin-left: 0px;
}
af|inputColor:fatal::content,
af|inputColor:error::content,
af|inputColor:warning::content {
  margin: 0px;
}
@agent ie {
  af|inputColor::content {
    padding-bottom: 1px;
    margin: 0px;
    line-height: 23px;
  }
}
@agent ie and (version: 8.0) {
  af|inputColor af|inputColor::content {
    line-height: 24px;
  }
}
af|inputColor:read-only::content {
  width: auto;
  padding-right: 7px;
  display: table-cell;
  vertical-align: middle;
}
af|inputColor:read-only::content:rtl {
 padding-right: 5px;
 padding-left: 7px;
}


/* The style of the container element that holds the swatch. */
af|inputColor::swatch-container {
  border-color: -tr-property-ref(".AFFormControlContentBorderColor:alias","color");
  width: 26px;
  height: 26px;
  margin-left: 2px;
  margin-right: 2px;
}

af|inputColor:disabled::swatch-container {
  display: none;
}
af|inputColor:disabled:compact::swatch-container {
  display: inline;
}
af|inputColor::swatch-container:rtl {
  margin-left: 1px;
  margin-right: 4px;
}
af|inputColor::launch-icon-style {
  -tr-rule-ref: selector(".AFButtonBorder:alias");
  background-color: -tr-property-ref(".AFButtonBackground:alias","background-color");
  background-image: url("/afr/alta-v1/dropdown_ena.png"), -tr-property-ref(".AFButtonBackground:alias","background-image");
  background-position: center center;
  padding: 6px 8px 5px 9px;
}

af|inputColor:compact::launch-icon-style:disabled,
af|inputColor:compact::launch-icon-style:disabled:hover,
af|inputColor:compact::launch-icon-style:disabled:active {
  background-image: url("/afr/alta-v1/dropdown_dis.png");
  background-color: -tr-property-ref(".AFButtonBackgroundDisabled:alias","background-color");
  border-color: -tr-property-ref(".AFButtonBorderDisabledColor:alias","color");
  display: block;
}

@agent webkit {
  af|inputColor:disabled::swatch-container {
    margin-left: 0px;  
  }
  af|inputColor::label {
    padding-top: 2px;
  }
}
@agent ie {
  af|inputColor::launch-icon-cell {
    filter: -tr-property-ref(".AFButtonBackground:alias","filter");
  }
}
@agent ie and (version:8) {
  af|inputColor af|inputColor::launch-icon-style {
    background-image: url("/afr/alta-v1/dropdown_ena.png");
  }
  af|inputColor af|inputColor::launch-icon-style:active {
    background-image: url("/afr/alta-v1/dropdown_dwn.png");
  }
  af|inputColor af|inputColor::launch-icon-style:hover {
    background-image: url("/afr/alta-v1/dropdown_ovr.png")
  }
  af|inputColor af|inputColor::launch-icon-style:disabled,
  af|inputColor af|inputColor::launch-icon-style:disabled:hover,
  af|inputColor af|inputColor::launch-icon-style:disabled:active {
    background-image: url("/afr/alta-v1/dropdown_dis.png");
  }
}
@agent ie and (version: 7.0) {
  af|inputColor::launch-icon-cell {
    filter: none;
  }
  af|inputColor::launch-icon-style {
    background-color: -tr-property-ref(".AFButtonGradientStop2Color:alias","color");
  }
}

@agent (touchScreen:none) {
  af|inputColor::launch-icon-style:hover {
    -tr-rule-ref: selector(".AFButtonBorderHover:alias");
    background-image: url("/afr/alta-v1/dropdown_ovr.png"), -tr-property-ref(".AFButtonBackgroundHover:alias","background-image");
    background-color: -tr-property-ref(".AFButtonBackgroundHover:alias","background-color");
    /*TODO ALTA*/
  }
  af|inputColor::launch-icon-style:active:hover {
    -tr-rule-ref: selector(".AFButtonBorderActive:alias");
    background-image: url("/afr/alta-v1/dropdown_dwn.png"), -tr-property-ref(".AFButtonBackgroundActive:alias","background-image");
    background-color: -tr-property-ref(".AFButtonBackgroundActive:alias","background-color");
  }
  @agent ie {
    af|inputColor::launch-icon-cell:hover {
      filter: none;
    }
  }
}
 af|body:high-contrast af|inputColor::launch-icon-style:after {
  content: url("/afr/alta-v1/dropdown_ena.png");
}


af|inputColor::launch-icon-style:active {
  -tr-rule-ref: selector(".AFButtonBorderActive:alias");
  background-image: url("/afr/alta-v1/dropdown_dwn.png"), -tr-property-ref(".AFButtonBackgroundActive:alias","background-image");
  background-color: -tr-property-ref(".AFButtonBackgroundActive:alias","background-color");
}
af|inputColor::launch-icon {
}

@agent (touchScreen:none) {
  af|inputColor::launch-icon:hover {
  }
  af|inputColor::launch-icon:active:hover {
  }
}

af|inputColor::launch-icon:active {
}

/** 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");
  line-height: 24px;
  width: 152px;
}
@agent gecko {
  af|chooseColor::button {
    padding-top: 0px;
    padding-bottom: 0px;
  }
}
@agent webkit {
  af|chooseColor::button {
    padding-top: 1px;
  }
}
@agent ie {
  af|chooseColor::button {
    padding-top: 1px;
  }
  af|chooseColor::swatch-button {
    padding-top: 1px;
    padding-bottom: 1px;
  }
  af|chooseColor::button-swatch {
    margin-left: 3px;
  }
}
@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");
  }
  af|chooseColor::button:hover:active {
    -tr-rule-ref: selector(".AFButtonForegroundDepressed:alias");
    -tr-rule-ref: selector(".AFButtonBorderActive:alias");
    -tr-rule-ref: selector(".AFButtonBackgroundActive:alias");
  }
}

af|chooseColor::button:active {
  -tr-rule-ref: selector(".AFButtonForegroundDepressed:alias");
  -tr-rule-ref: selector(".AFButtonBorderActive:alias");
  -tr-rule-ref: selector(".AFButtonBackgroundActive:alias");
}
af|chooseColor::space-above-button {
  height: 5px;
}
/* A button that contains a swatch. */
af|chooseColor::swatch-button {
  text-align: left;
  padding: 0px 3px 0px 3px;
  line-height: 24px;
  width: 152px;
}

/* The swatch that is displayed on buttons. */
af|chooseColor::button-swatch {
  height: 12px;
  width: 12px;
  border-color: -tr-property-ref(".AFSwatchBorderColor:alias","color");
  margin-top: 0px;
  position: relative;
  top: 3px;
}

af|chooseColor::button-swatch:empty,
af|chooseColor::swatch:empty {
  background-position: center;
  background-image: url('/afr/alta-v1/empty-swatch.png');
}
@agent webkit {
  af|chooseColor::swatch-button {
    padding: 0px 6px 0px 6px;
    line-height: 26px;
  }
  af|chooseColor::button-swatch {
    margin-right: 6px;
  }
  af|chooseColor::button-swatch:rtl {
    margin-left:6px;
  }
}

af|chooseColor::swatch-table {
  border-spacing: 3px;
}

af|chooseColor::space-above-custom-swatch-table {
  height:5px;
}
af|chooseColor::lower-swatch-row-wrapper {
  border-width: 1px 0 0;
  border-color: -tr-property-ref(".AFFormControlContentBorderColor:alias","color");
  border-radius: 0px;
  padding-top: 5px;
  padding-bottom: 0px;
}
af|chooseColor::lower-swatch-table {
  border-spacing: 3px;
}

af|chooseColor::swatch {
  height: 12px;
  width: 12px;
  border-color: -tr-property-ref(".AFSwatchBorderColor:alias","color");
  border-radius: 0px;
}

af|chooseColor::swatch-cell {
  border-color: transparent;
  border-width: 0px;
}
@agent (touchScreen:none) {
  af|chooseColor::swatch-cell:hover {
    background-color: -tr-property-ref(".AFHoverPrimaryColor:alias","color");
  }
  af|chooseColor::swatch-cell:active:hover {
    background-color: -tr-property-ref(".AFActiveColor:alias","color");
  }
}
af|chooseColor::swatch-cell:active {
  background-color: -tr-property-ref(".AFActiveColor:alias","color");
}
af|chooseColor::swatch-cell:selected {
  background-color: -tr-property-ref(".AFSelectedColor:alias","color");
}
af|chooseColor::custom-image-wrapper {
  background-image:url('/afr/alta-v1/customcolorpalette.png');
  width: 190px;
  height: 160px;
  border: 0px;
}
af|chooseColor::custom-crosshair {
  background-image:url('/afr/alta-v1/crosshairs.png');
}

af|chooseColor::custom-double-swatch-wrapper {
  border-color: transparent;
  border-collapse: collapse;
  margin-left: 32px;
  margin-right: 23px;
}
/* border collapse isn't working right for < ie10 */
@agent ie and (max-version: 9)
{
  af|chooseColor::custom-double-swatch-wrapper {
    border-color: -tr-property-ref(".AFSwatchBorderColor:alias","color");
    border-width: 1px;
  }
}
af|chooseColor::custom-space-before-slider {
  width: 6px;
}
af|chooseColor::custom-slider {
  height: 158px;
  background-size: 9px 158px;
  border-color: -tr-property-ref(".AFSwatchBorderColor:alias","color");
}
/** Private  -  Heavily coupled with rendering implemenation */
af|chooseColor::custom-slider-wrapper {
  left: 4px;
  height: 160px;
}

af|chooseColor::custom-slider-wrapper:rtl {
  right: 4px;
  left: 0px;
}

af|chooseColor::custom-swatch {
  border-color: -tr-property-ref(".AFSwatchBorderColor:alias","color");
  height: 26px;
  width: 26px;
}
af|chooseColor::custom-lower-block {
  margin-top: 2px;
}
af|chooseColor::custom-label {
  padding-top: 9px;
  width: 45px;
}
af|chooseColor::custom-input-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");
  padding: 6px 5px 5px 5px;
  margin-top: 8px;
}
@agent webkit {
  af|chooseColor::custom-input-content {
    margin-top: 6px;
  }
}
@agent ie {
  af|chooseColor::custom-input-content {
    height: 15px;
  }
}
af|chooseColor::custom-slider-thumb {
  background-image:url('/afr/alta-v1/slider_thumb_m_n.png');
  height: 12px;
  width: 17px;
  left: -6px;
}
af|chooseColor::custom-slider-thumb:rtl {
  background-image:url('/afr/alta-v1/slider_thumb_m_n_rtl.png');
  left: 0px;
  right: -6px;
}
/* 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(".AFFormControlContentBorderColor:alias","color");
}
/* Used for the C2E content focus style */
.AFC2EContentFocus:alias {
  background-color: -tr-property-ref(".AFFormControlContentColor:alias","color");
  border-color: -tr-property-ref(".AFFormControlContentBorderColor:alias","color");
}
/* 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 and (version: 8.0) {
  /* 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 {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    /*background-image: url('/afr/t.gif');
    border-color: transparent;
    background-color: transparent;
    color: transparent;*/
    -tr-inhibit: opacity;
  }
  .AFC2EIconStyleFocus:alias {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100)
            -tr-property-ref(".AFButtonBackground:alias","filter");
  }

  /* 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 {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    -tr-inhibit: opacity;
  }
  /* we only need to override focus, since hover is just aliased to focus */
  .AFC2EIconFocus:alias {
    -ms-filter: "progid:DXImageTransform.Microsoft.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,
af|inputColor:compact: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|inputNumberSpinbox:click-to-edit::increment-cell,
af|inputNumberSpinbox:click-to-edit::decrement-cell,
af|selectManyChoice:click-to-edit::dropdown,
af|inputListOfValues:click-to-edit::search-icon-style,
af|inputComboboxListOfValues:click-to-edit::dropdown-icon-style,
af|inputComboboxListOfValues:click-to-edit::dropdown-cell{
  -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 ie and (max-version: 9) {
  af|inputColor:click-to-edit::launch-icon-cell {
    filter: alpha(opacity: 0);
  }
  @agent (touchScreen:none) {
    af|inputColor:click-to-edit:hover-target::launch-icon-cell,
    af|inputColor:click-to-edit:hover-target:focus-target::launch-icon-cell {
      filter: -tr-property-ref(".AFButtonBackground:alias","filter");
    }
    af|inputColor:click-to-edit:hover-target::launch-icon-cell:hover,
    af|inputColor:click-to-edit:hover-target:focus-target::launch-icon-cell:hover {
      filter: none;
    }
  }
  af|inputColor:click-to-edit:focus-target::launch-icon-cell {
    filter: -tr-property-ref(".AFButtonBackground:alias","filter");
  }
}

@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::content,
  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::content {
    background-color: -tr-property-ref(".AFFormControlContentDisabledColor:alias","color");
    border-color: -tr-property-ref(".AFFormControlContentBorderDisabledColor:alias","color");
  }
  af|inputFile:click-to-edit:update:disabled:hover-target::text,
  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::content,
  af|inputListOfValues:click-to-edit:hover-target::content,
  af|inputFile: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::content {
   -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::content,
  af|inputListOfValues:click-to-edit:focus-target:hover-target::content,
  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::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::content,
af|inputListOfValues:click-to-edit:focus-target::content,
af|inputFile: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,
af|inputColor:click-to-edit:hover-target: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-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|inputComboboxListOfValues:click-to-edit:focus-target::dropdown-icon-style,
af|inputListOfValues:click-to-edit:focus-target::search-icon-style,
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 and (version: 8.0) {
  /* 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|selectManyChoice:click-to-edit::dropdown-icon-style {
    background-image: url('/afr/t.gif');
  }
  /*This is not needed for combobox list of values*/
  af|inputComboboxListOfValues:click-to-edit::dropdown-icon-style,
  af|inputComboboxListOfValues:click-to-edit::dropdown-cell{
    -tr-rule-ref: selector(".AFC2EIconTransparent:alias");
  }

  /* 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/alta-v1/input_date.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|inputNumberSpinbox:click-to-edit:focus-target::incrementor-icon-style {
    background-image: url("/afr/alta-v1/up-arrow-ena.png"),-tr-property-ref(".AFButtonBackground:alias","background-image");
  }
  af|inputNumberSpinbox:click-to-edit:focus-target::decrementor-icon-style {
    background-image: url("/afr/alta-v1/down-arrow-ena.png"),-tr-property-ref(".AFButtonBackground:alias","background-image");
  }
  af|inputComboboxListOfValues:click-to-edit:focus-target::dropdown-cell,
  af|selectManyChoice:click-to-edit:focus-target::dropdown {
    -tr-rule-ref: selector(".AFButtonBorder:alias");
    background-color: -tr-property-ref(".AFComponentBackgroundColor:alias","color");
  }
  af|inputListOfValues:click-to-edit:focus-target::search-icon-style,
  af|inputComboboxListOfValues:click-to-edit:focus-target::dropdown-icon-style,
  af|inputComboboxListOfValues:click-to-edit:focus-target::dropdown-cell{
    -tr-rule-ref: selector(".AFC2EIconFocus:alias");
  }
  af|selectManyChoice:click-to-edit:focus-target::dropdown-icon-style{
    -tr-rule-ref: selector(".AFC2EIconStyleFocus:alias");
  }
}

@agent ie and (version: 8.0) 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/alta-v1/input_date.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|inputNumberSpinbox:click-to-edit:hover-target::incrementor-icon-style{
    background-image: url("/afr/alta-v1/up-arrow-ovr.png"),-tr-property-ref(".AFButtonBackground:alias","background-image");
  }
  af|inputNumberSpinbox:click-to-edit:hover-target::decrementor-icon-style{
    background-image: url("/afr/alta-v1/down-arrow-ovr.png"),-tr-property-ref(".AFButtonBackground:alias","background-image");
  }
  af|selectManyChoice:click-to-edit:hover-target::dropdown {
    -tr-rule-ref: selector(".AFButtonBorder:alias");
    background-color: -tr-property-ref(".AFComponentBackgroundColor:alias","color");
  }
  af|selectManyChoice:click-to-edit:hover-target::dropdown-icon-style {
    -tr-rule-ref: selector(".AFC2EIconStyleHover:alias");
  }
  af|inputListOfValues:click-to-edit:hover-target::search-icon-style,
  af|inputComboboxListOfValues:click-to-edit:hover-target::dropdown-icon-style,
  af|inputComboboxListOfValues:click-to-edit:hover-target::dropdown-cell{
    -tr-rule-ref: selector(".AFC2EIconHover:alias");
  }
}

/* Style for drop targets */
*:drop-target {
  background-color: -tr-property-ref(".AFDropTargetColor:alias","color");
  border-color: -tr-property-ref(".AFDropTarget2Color: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-top: 1px solid -tr-property-ref(".AFPanelBorderColor:alias","color");
  border-bottom: 1px solid -tr-property-ref(".AFPanelBorderColor:alias","color");
}

af|listItem{
  border-top: 1px solid -tr-property-ref(".AFGridCellBorderColor:alias","color");
  -tr-inhibit: border-bottom;
  background-color: -tr-property-ref(".AFComponentBackgroundColor:alias","color");
  overflow: hidden;
  padding: 10px;
  vertical-align: middle;
  -tr-inhibit: padding-left;
  -tr-inhibit: padding-top;
  -tr-inhibit: padding-bottom;
}

af|listItem:ltr{
  -tr-inhibit: padding-left;
}

af|listItem:rtl{
  -tr-inhibit: padding-right;
}

af|listItem:group-header {
  color: -tr-property-ref(".AFHeaderTextColor:alias","color");
  background-image: linear-gradient(top, -tr-property-ref(". AFAccordionHeaderGradientStartColor:alias","color") 0%, -tr-property-ref(". AFAccordionHeaderGradientEndColor:alias","color") 100%);
  height: 30px;
  line-height: 30px;
  -tr-inhibit: padding-top;
  -tr-inhibit: padding-bottom;
  border-left: 1px solid  -tr-property-ref(".AFAccordionBorderColor:alias","color");
  border-right: 1px solid  -tr-property-ref(".AFAccordionBorderColor:alias","color");
  border-bottom: 1px solid  -tr-property-ref(".AFAccordionBorderColor:alias","color");
  border-top: 1px solid -tr-property-ref(".AFPanelBorderColor:alias","color");
  padding: 1px 0px 0px 0px;
}

af|listView::data-container > span:first-of-type > af|listItem {
  border-top: none; 
}

af|listItem:group-header + af|listItem  {
   border-top: none;
}

@agent gecko, ie {
  af|listItem:focus{
    padding: 10px 9px 9px 9px;
  }

  af|listItem:group-header:focus{
    padding: 1px 0px 0px 0px
  }

  af|listView::data-container > span:first-of-type > af|listItem:focus {
    padding: 9px;
  }
  
  af|listItem:group-header:first-child:focus {
    padding: 0px;
  }
  
  af|listItem:group-header + af|listItem:focus {
    padding: 9px;
    outline: none;
    border: 1px dotted #002A90;
  }
  
  af|listItem:group-header + af|listItem:group-header:focus {
    padding: 0px;
  }
}

@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::icon-container {
  -tr-inhibit: margin-left;
  -tr-inhibit: margin-right;
  padding-top: 4px;
}

af|listItem::icon-container:rtl {
  -tr-inhibit: margin-left;
  -tr-inhibit: margin-right;
}

af|listItem::expanded-icon-style {
  -tr-rule-ref: selector(".AFDisclosedIconStyle:alias");
  width: 24px;
  height: 24px;
}


af|listItem::collapsed-icon-style {
  -tr-rule-ref: selector(".AFUndisclosedIconStyle:alias");
  width: 24px;
  height: 24px;
}

af|listItem::expanded-icon-style,
af|listItem::collapsed-icon-style,
af|listItem::leaf-icon-style{
  -tr-inhibit: padding-right;
}

af|listItem::expanded-icon-style:rtl,
af|listItem::collapsed-icon-style:rtl,
af|listItem::leaf-icon-style:rtl{
  -tr-inhibit: padding-left;
}


af|listItem::group-header-item-container{
  padding-left: 9px;
}

af|listItem::group-header-item-container:rtl{
  padding-left: 0px;
  padding-right: 9px;
}

/* Unfortunately UX baked in the padding into the disclosure icon. So take the padding off if the item is disclosable*/
af|listItem:group-header:disclosable af|listItem::group-header-item-container{
  padding-left: 0px;
}

af|listItem:group-header:disclosable af|listItem::group-header-item-container:rtl{
  padding-right: 0px;
}

/* mouse over */
af|listItem:highlighted  {
  background-color: -tr-property-ref(".AFHoverSecondaryColor:alias","color");
}

af|listView::navbar{
  -tr-inhibit: padding-top;
  -tr-inhibit: padding-bottom;
  line-height: 34px;
  height: 34px;
  /* Use negative top margin to replace the bottom border of the last item with the top border for the nav bar */
  margin-top: -1px;
  border-top: 1px solid -tr-property-ref(".AFPanelBorderColor:alias","color");
}

af|listView::navbar-item-range-text{
  -tr-rule-ref: selector(".AFDefaultFont:alias");
  color: -tr-property-ref(".AFTextSecondaryColor:alias","color");
  padding-left: 10px;
  padding-right: 10px;
}

af|listView::navbar-load-more-link{
  -tr-rule-ref: selector(".AFLinkForeground:alias","color");
}

af|listView::navbar-load-more-link:active{
  -tr-rule-ref: selector(".AFActiveLinkForeground:alias");
}

af|listView::navbar-load-more-link:hover{
  -tr-rule-ref: selector(".AFLinkHoverForeground:alias");
}

af|listView::empty-text {
  -tr-rule-ref: selector(".AFDefaultFont:alias");
  color: -tr-property-ref(".AFTextColor:alias","color");
  padding-left: 10px;
  padding-top: 10px;
}

af|listView::empty-text:ltr{
  padding-left: 10px;
}

af|listView::empty-text:rtl{
  padding-left: 0px;
  padding-right: 10px;
}

/* End of ListView styles */

/* start of panelSpringboard */
af|panelSpringboard {
  height: 459px;
}
af|panelSpringboard::body-viewport {
  top: 111px;
}

af|panelSpringboard::body {
  background-color: transparent;
  border-top: 1px solid -tr-property-ref(".AFBackgroundBorderColor:alias","color");
  color: -tr-property-ref(".AFTextColor:alias","color");
  border-bottom: none;
  border-left: none;
  border-right: none;
  padding: 10px 0px 0px 0px;
}
af|panelSpringboard::conveyor-belt-content {
  height: 100%;
  overflow: visible;
  position:relative;
}
af|panelSpringboard::conveyor-belt-container{
  height: 100%;
  margin-top: 5px;
}
af|panelSpringboard::item-text {
  width: 100px;
  height: 29px;
  top: 70px;
  -tr-rule-ref: selector(".AFDefaultFont:alias");
  color: -tr-property-ref(".AFTextColor:alias","color");
}
af|panelSpringboard::item-icon-style {
  height: 48px;
  width: 48px;
  margin-top: 15px;
  margin-bottom: 4px;
}
af|panelSpringboard::item {
  width: 100px;
  height: 105px;
  padding-left: 11px;
  padding-right: 11px;
  padding-bottom: 0;
  margin-bottom: 0px;
}
af|panelSpringboard:grid af|panelSpringboard::item {  
  margin: 20px 23px 20px 23px;
}
af|panelSpringboard::badge {
  color: -tr-property-ref(".AFTextAltColor:alias","color");
  background-color: -tr-property-ref(".AFErrorColor:alias","color");
  border: 0px solid transparent;
  box-shadow: none;
  border-radius: 14px;
  padding-left: 6px;
  padding-right: 6px;
  height: 22px;
  margin-top: 11px;
  min-width: 10px;
  position: absolute;
  left: 73px;
  top: -5px;
  line-height: 22px;
  vertical-align: middle;
  -tr-rule-ref: selector(".AFDefaultFontSize:alias");
  font-size: +2;
  font-weight: normal;
}
/* 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|panelSpringboard::badge {
    -moz-box-shadow: none;
  }
}
/* We do not need arrow in alta so hiding it */
af|panelSpringboard {
  -tr-hide-selected-pointer: true;
}
/* touchscreens do weird things on hover */
@agent (touchScreen:none) {
  af|panelSpringboard::item-text:hover,
  af|panelSpringboard::item:hover af|panelSpringboard::item-text,
  af|panelSpringboard::item:selected:hover,
  af|panelSpringboard::item:hover {
    color: -tr-property-ref(".AFTextPrimaryColor:alias","color");
    background-color: -tr-property-ref(".AFBackgroundColor:alias","color");
    border: none;
  }
  /* this affects all children. There is no way to change the opacity on the item and not affect the text/icon */
  /* NOTE: opacity does not work on IE. UX decided that that is ok */
  af|panelSpringboard af|panelSpringboard::item:hover,
  af|panelSpringboard:grid af|panelSpringboard::item:selected:hover {
    opacity: 0.6;
}
  /* no opacity change on hovering over selected in strip mode*/
  af|panelSpringboard:strip af|panelSpringboard::item:selected:hover {
    opacity: 1;
  }
  /* no opacity change on hovering over disabled */
  /* need high specificity */
  af|panelSpringboard af|panelSpringboard::item:hover:disabled,
  af|panelSpringboard af|panelSpringboard::item:hover:selected:disabled {
    opacity: 1;
}
}

af|panelSpringboard::item:disabled af|panelSpringboard::item-icon-style {
  opacity: 0.3;
}

/* item and item-text have disabled style on it. we don't want hover styles when disabled */
/* the only way to not get the background-color from hover is to set it to transparent */
af|panelSpringboard af|panelSpringboard::item-text:disabled,
af|panelSpringboard af|panelSpringboard::item-text:disabled:hover,
af|panelSpringboard::item:disabled:hover af|panelSpringboard::item-text:disabled,
af|panelSpringboard::item:selected:hover:disabled,
af|panelSpringboard::item:hover:disabled {
  color: -tr-property-ref(".AFTextDisabledColor:alias","color");
  background-color: transparent;
}
af|panelSpringboard:strip af|panelSpringboard::item-text:selected,
af|panelSpringboard:strip af|panelSpringboard::item:selected {
  background-color: -tr-property-ref(".AFBackgroundColor:alias","color");
  color: -tr-property-ref(".AFTextPrimaryColor:alias","color");
  -tr-rule-ref: selector(".AFDefaultBoldFont:alias");
}
af|panelSpringboard::start-conveyor-belt-indicator {
  background-image: url("/afr/alta-v1/conv_l_ena.png");
}

af|panelSpringboard::start-conveyor-belt-indicator:hover {
  background-image: url("/afr/alta-v1/conv_l_ovr.png");
}

af|panelSpringboard::end-conveyor-belt-indicator {
  background-image: url("/afr/alta-v1/conv_r_ena.png");
}

af|panelSpringboard::end-conveyor-belt-indicator:hover {
  background-image: url("/afr/alta-v1/conv_r_ovr.png");
}

@agent ie {
  af|conveyorBelt::start-overflow-indicator,
  af|conveyorBelt::end-overflow-indicator,
  af|conveyorBelt::top-overflow-indicator,
  af|conveyorBelt::bottom-overflow-indicator {
    filter: none;
  }
}

/* Show help definition on label for Alta skin. Default for Simple skin is "icon".  */
af|help {
  -tr-help-def-location: label;  
}

.AFFooterBar{
  position: absolute;
  bottom: 0px;
  left: 0px;
  right: 0px;
  height: 49px;
  -tr-rule-ref: selector(".AFDefaultFont:alias");
  font-size: -1;
  font-family: -tr-property-ref(".AFDefaultFontFamily:alias","font-family");
  color: -tr-property-ref(".AFBrandingTextColor:alias","color");
  border-top: 1px solid -tr-property-ref(".AFBrandingBorderColor:alias","color");
  background-color: -tr-property-ref(".AFBrandingBackgroundColor:alias","color");
}
