All Downloads are FREE. Search and download functionalities are using the official Maven repository.

META-INF.adf.styles.casablancaSkin.css Maven / Gradle / Ivy

The newest version!
/*
 * CassaBlanca skin (and it's approach)
 * was designed and implemented by ADONIS RADUCA,
 * under the effort to give a new, more modern, look to the Trinidad library.
 * Other notable effort comes from:
 * CATALIN KORMOS
 * COSMIN MARTINCONI
 * They have an important and decisive role along the entire project.
 */

/*
 *  Licensed to the Apache Software Foundation (ASF) under one
 *  or more contributor license agreements.  See the NOTICE file
 *  distributed with this work for additional information
 *  regarding copyright ownership.  The ASF licenses this file
 *  to you under the Apache License, Version 2.0 (the
 *  "License"); you may not use this file except in compliance
 *  with the License.  You may obtain a copy of the License at
 *
 *  http://www.apache.org/licenses/LICENSE-2.0
 *
 *  Unless required by applicable law or agreed to in writing,
 *  software distributed under the License is distributed on an
 *  "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY
 *  KIND, either express or implied.  See the License for the
 *  specific language governing permissions and limitations
 *  under the License.
 */


/* ------------------------------------------------------------------------------------------------------------------ */
/* ABOUT CASABLANCA SKINING APPROACH
/*
/* GENERAL DESCRIPTION:
/* The scope of CASABLANCA SKINING PLATFORM is to add a new modern visual
/* touch and to introduce a new and more pleasurable way of skinning Trinidad
/* components. We have a completely new styling selectors stack for hiding
/* the already existing naming inconsistency. In that order this new stack has
/* coherent naming rules for the selectors and a clear and simple hierarchy.
/*
/* CASABLANCA STYLING STACK:
/* Casablanca layers stack:
/* GENERIC LAYER
/*    GENERAL LOOK LAYER
/*    BASIC CONTROLS LAYER
/*    COMPLEX CONTROLS LAYER
/* COMPONENTS STYLING LAYER
/*    CASABLANCA SELECTORS LAYER
/*    CASABLANCA INJECTION LAYER
/* 
/* The CASABLANCA SELECTORS STACK has two main layers:
/* - The first one is the GENERIC LAYER ? on that layer we have generic styles
/*   that we use everywhere. This is the level where we made changes
/*   (in most of part) when we want to made another color scheme for the skin
/*   or to build another skin based on it.
/* - The second layer is the COMPONENTS STYLING LAYER ? this layer define styles
/*   for each component individually based on generic styles. We will make changes 
/*   at this layer if we intent to fine-tune the components aspect.
/*
/* The first layer provide a higher lever of abstraction, this is a convenient way
/* if we plan to make massive changes to the components aspect. This layer has its
/* own 3 sub-layers:
/* - GENERAL LOOK LAYER, define the visual aspect at the most generic level.
/*   We have here some very basic graphical properties that serve as composition
/*   elements later for defining controls. Each generic style address a specific
/*   graphical aspect like: rounded-corners look, borders look, text and headings
/*   look, button look and so on. In that order we have selectors like:
/*   .CBBorderSolidLook:alias, .CBDefaultFontLook:alias, .CBHeaderLevel1Look:alias,
/*   .CBLinkLook:alias, .CBButtonLook:alias ans so on. All styles are prefixed
/*   by ?.CB? which means is a Casablanca style and all are postfixed by ?:alias?
/*   that means is a generic style.
/* - BASIC CONTROLS LAYER, define the full graphic aspect of the basic controls
/*   using general look layer styles. We have here controls like: link, button,
/*   checkbox, radio-button, listbox and so on.
/* - COMPLEX CONTROLS LAYER, define the full graphic aspects of the complex
/*   controls based on styles defined at the simple controls layer level. In that
/*   order we have controls like: accordion, table, tree, shuttle, button bar
/*   and so on.
/*
/* NOTE: In general is better at a specific layer to use style defined in the
/*       layer immediately below it. There are also situations when we need to use
/*       directly a more generic style when we don?t have alternative, but in general
/*       is better to use the layer immediately below.
/*
/* The second layer introduces another level of abstraction, for decoupling reasons.
/* In that order we have 2 sub-layers at this level:
/* - First layer is the CASABLANCA SELECTORS LAYER, this layer define specific 
/*   formatting for each Trinidad component based on first level styles from basic
/*   and complex controls layers. In almost all cases we have there styles that use
/*   directly selectors from the controls layers, only in some specific cases we
/*   add a custom look by overwriting or adding some extra stuff. So this layer made
/*   the connection between the Casablanca generic controls and true Trinidad components
/*   and here is the place for adding a custom look for a specific component.
/* - Second layer is the CASABLANCA INJECTION LAYER where we actually made the
/*   ?conversion? between Casablanca and standard Trinidad skinning selectors.
/*   In almost all cases we don?t need to make any change at this level. The scope
/*   of this layer is only to ?translate? between two type of skinning selectors in
/*   order to hide the naming inconsistency in Trinidad skinning selectors and where
/*   is possible the lack of uniformity in the output markup.
/*
/* CASABLANCA STYLES NAMING CONVENTION:
/* In the Casablanca terminology, any entity (generic graphical property, Casablanca
/* control or Trinidad component) where a style is applied is named a styled-entity.
/* So each style selector is addressed to a specific styled-entity.
/* Each style selector name must be conforming to the Casablanca styles naming rule:
/*
/* .CBName1Name2?NameXType1Type2?TypeXPurposeState1State2?StateX:alias
/*
/* .CB ? from Casablanca prefixes any style selector, so it?s a required field.
/* Name1    ? the name of the styled-entity, required field.
/* Name2    ? the second name is the name of styled-sub-entity, not required. We can have
/*            as many sub-entity levels as we want.
/* Type1    ? the type of the styled-entity, not required.
/* Type2    ? the second type of the styled entity, not required. We can have as many types
/*            as we want.
/* Purpose  ? the purpose of the styled-entity, not required.
/* State1   ? the state of the styled-entity, not required.
/* State2   ? the second state of the styled-entity, not required. We can also have as many
/*            states as we want.
/*
/* EXAMPLES :
/* .CBLinkLookHover:alias
/* Link     ? styled-entity name
/* Look     ? styled-entity purpose
/* Hover    ? styled-entity State
/* So we have a link-look generic selector in the hover state.
/*
/* .CBPanelHeadSelectedHover:alias
/* Panel    ? styled-entity name.
/* Head     ? styled-sub-entity name.
/* Selected ? styled-entity state.
/* Hover    ? another styled-entity state.
/* We have the head of the panel complex control selector in the selected-hover state.
/*
/* .CBBorderStrongSolidLook:alias
/* Border   ? styled-entity name
/* Strong   ? styled-entity type
/* Solid    ? another styled-entity type
/* We have a strong-solid-look border generic selector.
/*
/*
/* ENJOY SKINNING !
/* ------------------------------------------------------------------------------------------------------------------ */


/* ------------------------------------------------------------------------------------------------------------------ */
/* Casablanca General Selectors                                                                                       */
/* ------------------------------------------------------------------------------------------------------------------ */
/* Basic aspect selectors like:
/* - corners look
/* - border look
/* - font look
/* - link look
/* - button look
/* - text-cell look
/* - icon look 
/* ------------------------------------------------------------------------------------------------------------------ */

/* Rounded corners -------------------------------------------------------------------------------------------------- */
/*   Define styles used in:
/* - buttons
/* - nevigation stuff
/* - accordions
/* - pannels
/* ------------------------------------------------------------------------------------------------------------------ */

.CBClearRoundCornersLook:alias {
    -moz-border-radius: 0px;
    -webkit-border-radius: 0px;
    border-radius: 0px;
}
.CBRoundedAllCornersLook:alias {
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
}
.CBRoundedTopCornersLook:alias {
    -moz-border-radius-topleft: 4px;
    -moz-border-radius-topright: 4px;
    -webkit-border-top-left-radius: 4px;
    -webkit-border-top-right-radius: 4px;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
}
.CBRoundedRightCornersLook:alias {
    -moz-border-radius-topright: 4px;
    -moz-border-radius-bottomright: 4px;
    -webkit-border-top-right-radius: 4px;
    -webkit-border-bottom-right-radius: 4px;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
}
.CBRoundedBottomCornersLook:alias {
    -moz-border-radius-bottomleft: 4px;
    -moz-border-radius-bottomright: 4px;
    -webkit-border-bottom-left-radius: 4px;
    -webkit-border-bottom-right-radius: 4px;
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
}
.CBRoundedLeftCornersLook:alias {
    -moz-border-radius-topleft: 4px;
    -moz-border-radius-bottomleft: 4px;
    -webkit-border-top-left-radius: 4px;
    -webkit-border-bottom-left-radius: 4px;
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
}

/* Borders styles --------------------------------------------------------------------------------------------------- */
/*   Define styles used in:
/* - especialy in table cells
/* ------------------------------------------------------------------------------------------------------------------ */

.CBClearBordersLook:alias {
    border-width: 0;
}
/* TODO: Table border selectors order to be solved in Trinidad,
/* in order to remove important keywords on the next selectors */
.CBAllBordersLook:alias {
    border-width: 1px ! important;
    border-style: solid ! important;
}
.CBTopBorderLook:alias {
    border-top-width: 1px ! important;
    border-top-style: solid ! important;
}
.CBRightBorderLook:alias {
    border-right-width: 1px ! important;
    border-right-style: solid ! important;
}
.CBBottomBorderLook:alias {
    border-bottom-width: 1px ! important;
    border-bottom-style: solid ! important;
}
.CBLeftBorderLook:alias {
    border-left-width: 1px ! important;
    border-left-style: solid ! important;
}

/* Borders Styles --------------------------------------------------------------------------------------------------- */
/*   Define styles used in:
/* - buttons
/* - nevigation stuff
/* - accordions
/* - pannels
/* ------------------------------------------------------------------------------------------------------------------ */
.CBBorderCommonLook:alias {
    border-width: 1px;
}
.CBBorderSolidLook:alias {
    -tr-rule-ref: selector(".CBBorderCommonLook:alias");
    border-style: solid;
}
.CBBorderDashedLook:alias {
    -tr-rule-ref: selector(".CBBorderCommonLook:alias");
    border-style: dashed;
}
/* Solid borders -------------------------------------------------------------- */
/* Normal borders -------------------------------------- */
.CBBorderNormalSolidLook:alias {
    -tr-rule-ref: selector(".CBBorderSolidLook:alias");
    border-color: #CBC3BE;
}
.CBBorderNormalSolidLookHover:alias {
    -tr-rule-ref: selector(".CBBorderSolidLook:alias");
    border-color: #B4A9A0;
}
.CBBorderNormalSolidLookSelected:alias {
    -tr-rule-ref: selector(".CBBorderSolidLook:alias");
    border-color: #B0CEE0;
}
.CBBorderNormalSolidLookSelectedHover:alias {
    -tr-rule-ref: selector(".CBBorderSolidLook:alias");
}

/* Accented borders ------------------------------------ */
.CBBorderAccentedSolidLook:alias {
    -tr-rule-ref: selector(".CBBorderSolidLook:alias");
    border-color: #C3BCB6;
}
.CBBorderAccentedSolidLookHover:alias {
    -tr-rule-ref: selector(".CBBorderSolidLook:alias");
}
.CBBorderAccentedSolidLookSelected:alias {
    -tr-rule-ref: selector(".CBBorderSolidLook:alias");
    border-color: #8DB7D3;
}
.CBBorderAccentedSolidLookSelectedHover:alias {
    -tr-rule-ref: selector(".CBBorderSolidLook:alias");
    border-color: #699ABB;
}
.CBBorderAccentedSolidLookVisited:alias {
    -tr-rule-ref: selector(".CBBorderSolidLook:alias");
    border-color: #B5ABA2;
}
.CBBorderAccentedSolidLookVisitedHover:alias {
    -tr-rule-ref: selector(".CBBorderSolidLook:alias");
    border-color: #9A8D84;
}

/* Strong borders -------------------------------------- */
.CBBorderStrongSolidLook:alias {
    -tr-rule-ref: selector(".CBBorderSolidLook:alias");
    border: 1px solid #BAB0A9;
}
.CBBorderStrongSolidLookHover:alias {
    -tr-rule-ref: selector(".CBBorderSolidLook:alias");
    border: 1px solid #A1948A;
}
.CBBorderStrongSolidLookSelected:alias {
    -tr-rule-ref: selector(".CBBorderSolidLook:alias");
}
.CBBorderStrongSolidLookSelectedHover:alias {
    -tr-rule-ref: selector(".CBBorderSolidLook:alias");
}

/* Spacers ---------------------------------------------------------------------------------------------------------- */
/*   Define styles used in:
/* - Everywhere we need a space.
/* ------------------------------------------------------------------------------------------------------------------ */
.CBFormVerticalSpacingLook:alias {
    padding: 5px 0 0;    
}

/* Font Styles ------------------------------------------------------------------------------------------------------ */
/*   Define styles used in:
/* - Everywhere we need to deal with a text.
/* ------------------------------------------------------------------------------------------------------------------ */
.CBSimpleLineHeight:alias {
    line-height: 1em;    
}
.CBParagraphLineHeight:alias {
    line-height: 1.4em;
}

.CBDefaultFontLook:alias {
    font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
    font-size: 10pt;
    font-weight: normal;
    -tr-rule-ref: selector(".CBSimpleLineHeight:alias");
    color: black;    
}
.CBDefaultAuxFontLook:alias {
    color: #999999;
}
.CBDefaultStrongFontLook:alias {
    -tr-rule-ref: selector(".CBDefaultFontLook:alias");
    font-weight: bold;
}
.CBDefaulFontDisabledLook:alias {
    -tr-rule-ref: selector(".CBDefaultFontLook:alias");
    color: #999999 ! important;
}
.CBDefaultStrongFontDisabledLook:alias {
    -tr-rule-ref: selector(".CBDefaultFontLook:alias");
    font-weight: bold;
    color: #999999 ! important;
}

.AFDefaultFont:alias {
    -tr-rule-ref: selector(".CBDefaultFontLook:alias");
}
.AFDefaultBoldFont:alias {
    -tr-rule-ref: selector(".CBDefaultStrongFontLook:alias");
}

/* Header Font Styles ------------------------------------------------------------------------------------------------------ */
/*   Define styles used in:
/* - Titles and subtitles
/* ------------------------------------------------------------------------------------------------------------------ */
.CBHeaderLookCommon:alias {
    -tr-rule-ref: selector(".CBDefaultFontLook:alias");
    font-weight: bold;
}
.CBHeaderLevel1Look:alias {
    -tr-rule-ref: selector(".CBHeaderLookCommon:alias");
    padding-bottom: 10px;
    font-size: +3pt;
}
.CBHeaderLevel2Look:alias {
    -tr-rule-ref: selector(".CBHeaderLookCommon:alias");
    font-size: +1pt;
}
.CBHeaderLevel3Look:alias {
    -tr-rule-ref: selector(".CBHeaderLookCommon:alias");
}
.CBHeaderLevel4Look:alias {
    -tr-rule-ref: selector(".CBHeaderLookCommon:alias");
}
.CBHeaderLevel5Look:alias {
    -tr-rule-ref: selector(".CBHeaderLookCommon:alias");
}
.CBHeaderLevel6Look:alias {
    -tr-rule-ref: selector(".CBHeaderLookCommon:alias");
}

/* Link like controls ----------------------------------------------------------------------------------------------- */
/*   Define styles used in:
/* - links
/* - link-like buttons
/* - breadcrubs
/* ------------------------------------------------------------------------------------------------------------------ */
.CBLinkLookCommon:alias {
    text-decoration: none;
    cursor: pointer;
}

.CBLinkLook:alias {
    -tr-rule-ref: selector(".CBDefaultFontLook:alias");
    -tr-rule-ref: selector(".CBLinkLookCommon:alias");
    color: #0C87D1;
}
.CBLinkLookHover:alias {
     tr-rule-ref: selector(".CBDefaultFontLook:alias");
    -tr-rule-ref: selector(".CBLinkLookCommon:alias");
    color: #0C87D1;
    text-decoration: underline;
}
.CBLinkLookDisabled:alias {
    -tr-rule-ref: selector(".CBDefaulFontDisabledLook:alias");
    -tr-rule-ref: selector(".CBLinkLookCommon:alias");
    cursor: default;
}
.CBLinkLookDisabledHover:alias {
    -tr-rule-ref: selector(".CBDefaulFontDisabledLook:alias");
    cursor: default;
}

/* Button like control styles --------------------------------------------------------------------------------------- */
/* Define styles used in:
/* - Buttons
/* - Links that look like buttons
/* - Navigation stuff (menu bars, tabs, lists and so on)
/* - Pannels heads (simple panels, accordions and so on)
/* - Table heads
/* ------------------------------------------------------------------------------------------------------------------ */
.CBButtonLookCommon:alias {
    display: block;
    -tr-rule-ref: selector(".ie6BlockBahaviour");
    -tr-rule-ref: selector(".CBBorder:alias");
    padding: 4px 8px;
    -tr-rule-ref: selector(".CBDefaultFontLook:alias");
    text-decoration: none;
    cursor: pointer;
    color: black ! important;
}
/* Normal buttons -------------------------------------- */
.CBButtonLook:alias {
    -tr-rule-ref: selector(".CBButtonLookCommon:alias");
    -tr-rule-ref: selector(".CBBorderNormalSolidLook:alias");
    background: white url(/adf/images/casablanca/backgrounds/buttonLikeHead.png) repeat-x top left;
}
.CBButtonLookHover:alias {
    -tr-rule-ref: selector(".CBButtonLookCommon:alias");
    -tr-rule-ref: selector(".CBBorderNormalSolidLookHover:alias");
    background: white url(/adf/images/casablanca/backgrounds/buttonLikeHeadHover.png) repeat-x bottom left;
}
.CBButtonLookSelected:alias {
    -tr-rule-ref: selector(".CBButtonLookCommon:alias");
    -tr-rule-ref: selector(".CBBorderAccentedSolidLookSelected:alias");
    background: white url(/adf/images/casablanca/backgrounds/buttonLikeHeadSelected.png) repeat-x top left;
}
.CBButtonLookSelectedHover:alias {
    -tr-rule-ref: selector(".CBButtonLookCommon:alias");
    -tr-rule-ref: selector(".CBBorderAccentedSolidLookSelectedHover:alias");
    background: white url(/adf/images/casablanca/backgrounds/buttonLikeHeadSelectedHover.png) repeat-x top left;
}
.CBButtonLookVisited:alias {
    -tr-rule-ref: selector(".CBButtonLookCommon:alias");
    -tr-rule-ref: selector(".CBBorderAccentedSolidLookVisited:alias");
    background: white url(/adf/images/casablanca/backgrounds/buttonLikeHeadVisited.png) repeat-x top left;
}
.CBButtonLookVisitedHover:alias {
    -tr-rule-ref: selector(".CBButtonLookCommon:alias");
    -tr-rule-ref: selector(".CBBorderAccentedSolidLookVisitedHover:alias");
    background: white url(/adf/images/casablanca/backgrounds/buttonLikeHeadVisitedHover.png) repeat-x top left;
}
.CBButtonLookDisabled:alias {
    -tr-rule-ref: selector(".CBButtonLookCommon:alias");
    -tr-rule-ref: selector(".CBBorderNormalSolidLook:alias");
    -tr-rule-ref: selector(".CBDefaulFontDisabledLook:alias");
    background: white url(/adf/images/casablanca/backgrounds/buttonLikeHead.png) repeat-x top left;
    cursor: default;
}
.CBButtonLookDisabledHover:alias {
    -tr-rule-ref: selector(".CBButtonLookDisabled:alias");
}
/* Strong buttons -------------------------------------- */
.CBButtonStrongLook:alias {
    -tr-rule-ref: selector(".CBButtonLookCommon:alias");
    -tr-rule-ref: selector(".CBBorderStrongSolidLook:alias");
    background: white url(/adf/images/casablanca/backgrounds/button.png) repeat-x top left;
}
.CBButtonStrongLookHover:alias {
    -tr-rule-ref: selector(".CBButtonLookCommon:alias");
    -tr-rule-ref: selector(".CBBorderStrongSolidLookHover:alias");
    background: white url(/adf/images/casablanca/backgrounds/buttonHover.png) repeat-x bottom left;
}
.CBButtonStrongLookDisabled:alias {
    -tr-rule-ref: selector(".CBButtonLookCommon:alias");
    -tr-rule-ref: selector(".CBBorderStrongSolidLook:alias");
    -tr-rule-ref: selector(".CBDefaulFontDisabledLook:alias");    
    background: white url(/adf/images/casablanca/backgrounds/button.png) repeat-x top left;
    cursor: default;
}
.CBButtonStrongLookDisabledHover:alias {
    -tr-rule-ref: selector(".CBButtonStrongLookDisabled:alias");
}

/* Text Cell like controls  ----------------------------------------------------------------------------------------- */
/* Define styles used in:
/* - Forms controls like: text fields, text areas, drop downs and so on
/* - Table cells.
/* - Other kind if components that looks like a text cell, for ex: progress indicator
/* ------------------------------------------------------------------------------------------------------------------ */
.CBTextCellLookCommon:alias {
    -tr-rule-ref: selector(".CBDefaultFontLook:alias");
    text-decoration: none;    
    border: 1px solid #BBB1AA;
    /*-tr-rule-ref: selector(".CBBorderNormalSolidLook:alias");*/
}
/* Flat text cells ------------------------------------- */
/* Recomended for table cells -------------------------- */
.CBTextCellLook:alias {
    -tr-rule-ref: selector(".CBTextCellLookCommon:alias");
    background: white;
}
.CBTextCellLookHover:alias {
    -tr-rule-ref: selector(".CBTextCellLookCommon:alias");
    /*background: white url(/skins/casablanca/images/backgrounds/textCellLikeHover.png) repeat-x bottom left;*/
    background: #F6F4F0;
}
.CBTextCellLookSelected:alias {
    -tr-rule-ref: selector(".CBTextCellLookCommon:alias");
    background: #D9E6F0;
}
.CBTextCellLookDisabled:alias {
    -tr-rule-ref: selector(".CBTextCellLookCommon:alias");
    -tr-rule-ref: selector(".CBDefaulFontDisabledLook:alias");
}
.CBTextCellLookEmphased:alias {
    -tr-rule-ref: selector(".CBTextCellLookCommon:alias");    
    background: #F6F4F0;
}

/* Embossed text cells --------------------------------- */
/* Recomended for text edit controls ------------------- */
.CBTextCellEmbosedLook:alias {
    -tr-rule-ref: selector(".CBTextCellLookCommon:alias");
    background: white url(/adf/images/casablanca/backgrounds/textCellLikeControlEmbosed.png) repeat-x top left;
}
.CBTextCellEmbosedLookSelected:alias {
    -tr-rule-ref: selector(".CBTextCellLookCommon:alias");
    background: #D9E6F0 url(/adf/images/casablanca/backgrounds/textCellLikeControlEmbosedSelected.png) repeat-x top left;
}
.CBTextCellEmbosedLookDisabled:alias {
    -tr-rule-ref: selector(".CBTextCellLookCommon:alias");
    -tr-rule-ref: selector(".CBDefaulFontDisabledLook:alias");
}

/* Raised text cells ----------------------------------- */
/* Recomended for visual clue, ex: progressIndicator --- */
.CBTextCellRaisedLook:alias {
    -tr-rule-ref: selector(".CBTextCellLookCommon:alias");
    background: white url(/adf/images/casablanca/backgrounds/textCellLikeRised.png) repeat-x bottom left;
}
.CBTextCellRaisedLookDisabled:alias {
    -tr-rule-ref: selector(".CBTextCellLookCommon:alias");
    -tr-rule-ref: selector(".CBDefaulFontDisabledLook:alias");
}
/* Pressed text cells ---------------------------------- */
/* Recomended for visual clue -------------------------- */
.CBTextCellPressedLook:alias {
    -tr-rule-ref: selector(".CBTextCellLookCommon:alias");
    background: white url(/adf/images/casablanca/backgrounds/textCellLikePressed.png) repeat-x top left;
}
.CBTextCellPressedLookDisabled:alias {
    -tr-rule-ref: selector(".CBTextCellLookCommon:alias");
    -tr-rule-ref: selector(".CBDefaulFontDisabledLook:alias");
}

/* Icons ------------------------------------------------------------------------------------------------------------ */
/* Define styles used in:
/* - Everywhere we need an icon
/* ------------------------------------------------------------------------------------------------------------------ */
/* Comon icons style */
.CBIconLookCommon:alias {
    display: block;
    float: left;
    width: 20px;
    height: 20px;
    font-size: 0;
    line-height: 0;
    color: transparent;
    overflow: hidden;
}

/* Icons sets for different controls states ------------ */
.CBIconLook:alias {
    -tr-rule-ref: selector(".CBIconLookCommon:alias");
    background: transparent url(/adf/images/casablanca/icons/iconsNormal.png) no-repeat top left;
}
@agent ie and (version: 5), ie and (version: 6) {
    .CBIconLook:alias {
        background: transparent url(/adf/images/casablanca/icons/iconsNormal_8bit.png) no-repeat top left;
    }
}
.CBIconLookHover:alias {
    -tr-rule-ref: selector(".CBIconLookCommon:alias");
    background: transparent url(/adf/images/casablanca/icons/iconsNormalHover.png) no-repeat top left;
}
@agent ie and (version: 5), ie and (version: 6) {
    .CBIconLookHover:alias {
        background: transparent url(/adf/images/casablanca/icons/iconsNormalHover_8bit.png) no-repeat top left;
    }
}
.CBIconLookSelected:alias {
    -tr-rule-ref: selector(".CBIconLookCommon:alias");
    background: transparent url(/adf/images/casablanca/icons/iconsSelected.png) no-repeat top left;
}
@agent ie and (version: 5), ie and (version: 6) {
    .CBIconLookSelected:alias {
        background: transparent url(/adf/images/casablanca/icons/iconsSelected_8bit.png) no-repeat top left;
    }
}
.CBIconLookSelectedHover:alias {
    -tr-rule-ref: selector(".CBIconLookCommon:alias");
    background: transparent url(/adf/images/casablanca/icons/iconsSelected.png) no-repeat top left;
}
@agent ie and (version: 5), ie and (version: 6) {
    .CBIconLookSelectedHover:alias {
        background: transparent url(/adf/images/casablanca/icons/iconsSelected_8bit.png) no-repeat top left;
    }
}
.CBIconLookDisabled:alias {
    -tr-rule-ref: selector(".CBIconLookCommon:alias");
    background: transparent url(/adf/images/casablanca/icons/iconsDisabled.png) no-repeat top left;
}
@agent ie and (version: 5), ie and (version: 6) {
    .CBIconLookDisabled:alias {
        background: transparent url(/adf/images/casablanca/icons/iconsDisabled_8bit.png) no-repeat top left;
    }
}
.CBIconLookDisabledHover:alias {
    -tr-rule-ref: selector(".CBIconLookCommon:alias");
    background: transparent url(/adf/images/casablanca/icons/iconsDisabled.png) no-repeat top left;
}
@agent ie and (version: 5), ie and (version: 6) {
    .CBIconLookDisabledHover:alias {
        background: transparent url(/adf/images/casablanca/icons/iconsDisabled_8bit.png) no-repeat top left;
    }
}

/* ------------------------------------------------------------------------------------------------------------------ */
/* Simple controls like: button, label, edit, icon, checkbox, listbox, radio and so on                                */
/* ------------------------------------------------------------------------------------------------------------------ */
/* Icon Control ----------------------------------------------------------------------------------------------------- */
/* Sprites indexes for all icons ----------------------- */
/* Double arrow icons ---------------------------------- */
.CBIconDoubleArrowUp:alias {
    background-position: 0 0;
}
.CBIconDoubleArrowRight:alias {
    background-position: -20px 0;
}
.CBIconDoubleArrowDown:alias {
    background-position: -40px 0;
}
.CBIconDoubleArrowLeft:alias {
    background-position: -60px 0;
}

/* Stop arrow icons ------------------------------------ */
.CBIconStopArrowUp:alias {
    background-position: -80px 0;
}
.CBIconStopArrowRight:alias {
    background-position: -100px 0;
}
.CBIconStopArrowDown:alias {
    background-position: -120px 0;
}
.CBIconStopArrowLeft:alias {
    background-position: -140px 0;
}

/* Simple arrow icons ---------------------------------- */
.CBIconArrowUp:alias {
    background-position: -160px 0;
}
.CBIconArrowRight:alias {
    background-position: -180px 0;
}
.CBIconArrowDown:alias {
    background-position: -200px 0;
}
.CBIconArrowLeft:alias {
    background-position: -220px 0;
}
.CBIconArrowUpNegative:alias {
    background-position: -160px -20px;
}
.CBIconArrowRightNegative:alias {
    background-position: -180px -20px;
}
.CBIconArrowDownNegative:alias {
    background-position: -200px -20px;
}
.CBIconArrowLeftNegative:alias {
    background-position: -220px -20px;
}

/* Triagle icons --------------------------------------- */
.CBIconTriangleUp:alias {
    background-position: -240px 0;
}
.CBIconTriangleRight:alias {
    background-position: -260px 0;
}
.CBIconTriangleDown:alias {
    background-position: -280px 0;
}
.CBIconTriangleLeft:alias {
    background-position: -300px 0;
}

/* Message icons --------------------------------------- */
.CBIconInfo:alias {
    background-position: -320px 0;
}
.CBIconWarning:alias {
    background-position: -340px 0;
}
.CBIconError:alias {
    background-position: -360px 0;
}

/* Input icons --------------------------------------- */
.CBIconCalendar:alias {
    background-position: -380px 0;
}
.CBIconList:alias {
    background-position: -400px 0;
}
.CBIconColor:alias {
    background-position: -420px 0;
}

/* Table icons --------------------------------------- */
.CBIconSelectAll:alias {
    background-position: -440px 0;
}
.CBIconSelectNone:alias {
    background-position: -460px 0;
}
.CBIconExpandAll:alias {
    background-position: -480px 0;
}
.CBIconCollapseAll:alias {
    background-position: -500px 0;
}

/* Expand / Collapse icons --------------------------- */
.CBIconExpand:alias {
    background-position: -320px -20px;
}
.CBIconCollapse:alias{
    background-position: -340px -20px;
}
.CBIconExpandNegative:alias {
    background-position: -360px -20px;
}
.CBIconCollapseNegative:alias{
    background-position: -380px -20px;
}

/* Button Control --------------------------------------------------------------------------------------------------- */
.CBButtonCommon:alias {
    -tr-rule-ref: selector(".CBRoundedAllCornersLook:alias");
}
@agent ie and (version: 5), ie and (version: 6) {
    .CBButtonCommon:alias {
        width: 1%;
        overflow: visible;
    }
}
.CBButton:alias {
    -tr-rule-ref: selector(".CBButtonStrongLook:alias");
    -tr-rule-ref: selector(".CBButtonCommon:alias");
}
.CBButtonHover:alias {
    -tr-rule-ref: selector(".CBButtonStrongLookHover:alias");
    -tr-rule-ref: selector(".CBButtonCommon:alias");
}
.CBButtonDisabled:alias {
    -tr-rule-ref: selector(".CBButtonStrongLookDisabled:alias");
    -tr-rule-ref: selector(".CBButtonCommon:alias");
}
.CBButtonDisabledHover:alias {
    -tr-rule-ref: selector(".CBButtonStrongLookDisabledHover:alias");
    -tr-rule-ref: selector(".CBButtonCommon:alias");
}

/* Link Control ----------------------------------------------------------------------------------------------------- */
.CBLink:alias {
    -tr-rule-ref: selector(".CBLinkLook:alias");
}
/* Hover links style */
.CBLinkHover:alias {
    -tr-rule-ref: selector(".CBLinkLookHover:alias");
}
/* Disabled links style */
.CBLinkDisabled:alias {
    -tr-rule-ref: selector(".CBLinkLookDisabled:alias");
}
/* Disabled-hover links style */
.CBLinkDisabledHover:alias {
    -tr-rule-ref: selector(".CBLinkLookDisabledHover:alias");
}

/* Label Control ---------------------------------------------------------------------------------------------------- */
.CBLabel:alias {
    -tr-rule-ref: selector(".CBDefaultFontLook:alias");
}
.CBLabelDisabled:alias {
    -tr-rule-ref: selector(".CBDefaulFontDisabledLook:alias");
}
.CBStrongLabel:alias {
    -tr-rule-ref: selector(".CBDefaultStrongFontLook:alias");
}
.CBStrongLabelDisabled:alias {
    -tr-rule-ref: selector(".CBDefaultStrongFontDisabledLook:alias");
}

/* InputText Control ------------------------------------------------------------------------------------------------ */
.CBInputText:alias {
    -tr-rule-ref: selector(".CBStrongLabel:alias");
}
.CBInputTextLabel:alias {
    -tr-rule-ref: selector(".CBStrongLabel:alias");
}
.CBInputTextInputBox:alias {
    -tr-rule-ref: selector(".CBTextCellEmbosedLook:alias");
}

/* CheckBox Control ------------------------------------------------------------------------------------------------- */
.CBCheckBox:alias {
}
.CBCheckBoxMainLabel:alias {
   -tr-rule-ref: selector(".CBStrongLabel:alias");
}
.CBChechBoxCheckLabel:alias {
   -tr-rule-ref: selector(".CBLabel:alias");
}

/* RadioButton Control ---------------------------------------------------------------------------------------------- */
.CBRadio:alias {
}
.CBRadioMainLabel:alias {
    -tr-rule-ref: selector(".CBStrongLabel:alias");
}
.CBRadioRadioLabel:alias {
    -tr-rule-ref: selector(".CBLabel:alias");
}

/* Choice Control --------------------------------------------------------------------------------------------------- */
.CBChoice:alias {
}
.CBChoiceLabel:alias {
    -tr-rule-ref: selector(".CBStrongLabel:alias");
}
.CBChoiceOptionText:alias {
    -tr-rule-ref: selector(".CBDefaultFontLook:alias");
}
.CBChoiceChoiceBox:alias {
    -tr-rule-ref: selector(".CBTextCellEmbosedLook:alias");
    padding: 1px;
}

/* Listbox Control -------------------------------------------------------------------------------------------------- */
.CBListBox:alias {
}
.CBListBoxMainLabel:alias {
    -tr-rule-ref: selector(".CBStrongLabel:alias");
}
.CBListBoxOptionText:alias {
    -tr-rule-ref: selector(".CBDefaultFontLook:alias");
}
.CBListBoxOptionBox:alias {
    -tr-rule-ref: selector(".CBTextCellEmbosedLook:alias");
    padding: 1px;
}

/* ControlsGroup Control -------------------------------------------------------------------------------------------- */
.CBControlsGroup:alias {
    color: #CBC3BE;
    -tr-rule-ref: selector(".CBBorderNormalSolidLook:alias");
}
.CBControlsGroupLabel:alias {
    -tr-rule-ref: selector(".CBDefaultStrongFontLook:alias");
}

/* ------------------------------------------------------------------------------------------------------------------ */
/* Complex controls like: shuttle, panel, table, tree and so on                                                       */
/* ------------------------------------------------------------------------------------------------------------------ */
/* TopBar Control --------------------------------------------------------------------------------------------------- */
.CBTopBar:alias {
    -tr-rule-ref: selector(".CBTextCellRaisedLook:alias");
    -tr-rule-ref: selector(".CBTextCellLookEmphased:alias");
    padding: 3px 5px 5px;
}

/* Dialog Control --------------------------------------------------------------------------------------------------- */
.CBDialog:alias {
    -tr-rule-ref: selector(".CBTextCellLook:alias");
}
.CBDialogHead:alias {
    -tr-rule-ref: selector(".CBButtonLookHover:alias");
    border-width: 0 0 1px 0;
}
.CBDialogHeadCloseIconStyle:alias {
    -tr-rule-ref: selector(".CBIconLook:alias");
    -tr-rule-ref: selector(".CBIconError:alias");
}
.CBDialogHeadCloseIconHover:alias {
    -tr-rule-ref: selector(".CBIconLookHover:alias");
    -tr-rule-ref: selector(".CBIconError:alias");
}

/* Message Control -------------------------------------------------------------------------------------------------- */
/* CasaBlanca styles */
.CBMessageTextCommon:alias {
    margin: 0 0 8px 0;
    padding: 2px 0;
}
.CBMessageText:alias {
    -tr-rule-ref: selector(".CBDefaultFontLook:alias");
    -tr-rule-ref: selector(".CBMessageTextCommon:alias");
    font-size: -2pt;
}
.CBMessageTextInfo:alias {
    -tr-rule-ref: selector(".CBDefaultFontLook:alias");
    -tr-rule-ref: selector(".CBMessageTextCommon:alias");
    font-size: -2pt;
}
.CBMessageTextError:alias {
    -tr-rule-ref: selector(".CBDefaultFontLook:alias");
    -tr-rule-ref: selector(".CBMessageTextCommon:alias");
    font-size: -2pt;
}

/* Messages Control ------------------------------------------------------------------------------------------------- */
/* CasaBlanca styles */
.CBMessagesTitle:alias {
    -tr-rule-ref: selector(".CBDefaultStrongFontLook:alias");
}
.CBMessagesList:alias {
    padding: 5px 0;
    margin: 0;
    list-style-type: none;
    -tr-rule-ref: selector(".CBDefaultFontLook:alias");
}
.CBMessagesListItem:alias {
    padding: 4px 0;    
}
.CBMessagesBox:alias {
    -tr-rule-ref: selector(".CBTextCellRaisedLook:alias");
    -tr-rule-ref: selector(".CBTextCellLookEmphased:alias");
    margin-bottom: 5px;
    padding: 0 5px;
}
.CBMessagesTextInfo:alias {
    -tr-rule-ref: selector(".CBDefaulFontDisabledLook:alias");
    -tr-rule-ref: selector(".CBMessageTextCommon:alias");
    font-size: -2pt;
}

/* Shuttle Control -------------------------------------------------------------------------------------------------- */
.CBShuttle:alias {
}
.CBShuttleButton:alias {
    -tr-rule-ref: selector(".CBButton:alias");
    display: block;
    margin: 0 0 2px 0;
}
.CBShuttleButtonHover:alias {
    -tr-rule-ref: selector(".CBButtonHover:alias");
}
.CBShuttleListBox:alias {
    display: block;
    width: 167px;
}
.CBShuttleListBoxContainer:alias {
    display: block;
}
.CBShuttleButtonSpacer:alias {
    display: none;
}
.CBShuttleDisplayBox:alias {
    display: block;
}
.CBShuttleLabel:alias {
   -tr-rule-ref: selector(".CBStrongLabel:alias");
    padding: 0 0 0 3px;
}

/* Panel Control ---------------------------------------------------------------------------------------------------- */
/* Panels with head ------------------------------------ */
.CBPanelHeadCommon:alias {
    padding: 8px 14px;
}
.CBPanelHead:alias {
    -tr-rule-ref: selector(".CBButtonLook:alias");
    -tr-rule-ref: selector(".CBPanelHeadCommon:alias");
}
.CBPanelHeadHover:alias {
    -tr-rule-ref: selector(".CBButtonLookHover:alias");
    -tr-rule-ref: selector(".CBPanelHeadCommon:alias");
}
.CBPanelHeadSelected:alias {
    -tr-rule-ref: selector(".CBButtonLookSelected:alias");
    -tr-rule-ref: selector(".CBPanelHeadCommon:alias");
}
.CBPanelHeadSelectedHover:alias {
    -tr-rule-ref: selector(".CBButtonLookSelectedHover:alias");
    -tr-rule-ref: selector(".CBPanelHeadCommon:alias");
}
.CBPanelHeadDisabled:alias {
    -tr-rule-ref: selector(".CBButtonLookDisabled:alias");
    -tr-rule-ref: selector(".CBPanelHeadCommon:alias");
}
.CBPanelHeadDisabledHover:alias {
    -tr-rule-ref: selector(".CBButtonLookDisabledHover:alias");
    -tr-rule-ref: selector(".CBPanelHeadCommon:alias");
}
.CBPanelHeadRaised:alias {
    -tr-rule-ref: selector(".CBButtonLookHover:alias");
    -tr-rule-ref: selector(".CBPanelHeadCommon:alias");
}
.CBPanelHeadRaisedHover:alias {
}
.CBPanelHeadRaisedSelected:alias {
}
.CBPanelHeadRaisedSelectedHover:alias {
}
.CBPanelHeadRaisedDisabled:alias {
}
.CBPanelHeadRaisedDisabledHover:alias {
}
.CBPanelBodyCommon:alias {
    width: 100%;
    margin-bottom: 1px;
    -tr-rule-ref: selector(".CBRoundedBottomCornersLook:alias");
    border-width: 0 1px 1px;
    padding: 10px;
}
.CBPanelBody:alias {
    -tr-rule-ref: selector(".CBPanelBodyCommon:alias");
    -tr-rule-ref: selector(".CBBorderAccentedSolidLook:alias");
    border-width: 0 1px 1px 1px;
}
.CBPanelBodySelected:alias {
    -tr-rule-ref: selector(".CBPanelBodyCommon:alias");
    -tr-rule-ref: selector(".CBBorderNormalSolidLookSelected:alias");
    background: #FBFCFD ;
}
.CBPanelBodyEmbossed:alias {
    -tr-rule-ref: selector(".CBPanelBody:alias");
    background-image: url(/adf/images/casablanca/backgrounds/panelBodyEmbossed.png);
    background-repeat: repeat-x;
    background-position: top left;
}
.CBPanelBodyEmbossedSelected:alias {
    -tr-rule-ref: selector(".CBPanelBodySelected:alias");
    background-image: url(/adf/images/casablanca/backgrounds/panelBodyEmbossedSelected.png);
    background-repeat: repeat-x;
    background-position: top left;
}

/* Panels without head --------------------------------- */
.CBPanelCommon:alias {
    -tr-rule-ref: selector(".CBPanelBodyCommon:alias");
    border-width: 1px;
    width: auto;
    -tr-rule-ref: selector(".CBRoundedAllCornersLook:alias");
    margin-bottom: 0;
}
.CBPanel:alias {
    -tr-rule-ref: selector(".CBPanelBody:alias");
    -tr-rule-ref: selector(".CBPanelCommon:alias");
}
.CBPanelAccented:alias {
    -tr-rule-ref: selector(".CBPanel:alias");
    background: white url(/adf/images/casablanca/backgrounds/panelBodyAccented.png) repeat-x top left;
}

/* Table Control ---------------------------------------------------------------------------------------------------- */
.CBTable:alias {
    border-collapse: collapse;
    border-spacing: 0;
    border: 1px solid #BBB1AA;
}
.CBTableCellCommon:alias {
    padding: 4px 6px;
}
.CBTableCell:alias {
    -tr-rule-ref: selector(".CBTextCellLook:alias");
    -tr-rule-ref: selector(".CBTableCellCommon:alias");
}
.CBTableCellInside:alias {
    -tr-rule-ref: selector(".CBClearBordersLook:alias");
}
.CBTableCellAll:alias {
    -tr-rule-ref: selector(".CBAllBordersLook:alias"); 
}
.CBTableCellTopLine:alias {
    -tr-rule-ref: selector(".CBClearBordersLook:alias");
    -tr-rule-ref: selector(".CBTopBorderLook:alias");
}
.CBTableCellTopRighCorner:alias {
    -tr-rule-ref: selector(".CBClearBordersLook:alias");
    -tr-rule-ref: selector(".CBTopBorderLook:alias ");
    -tr-rule-ref: selector(".CBRightBorderLook:alias");
}
.CBTableCellRightLine:alias {
    -tr-rule-ref: selector(".CBClearBordersLook:alias");
    -tr-rule-ref: selector(".CBRightBorderLook:alias");
}
.CBTableCellBottomRightCorner:alias {
    -tr-rule-ref: selector(".CBClearBordersLook:alias");
    -tr-rule-ref: selector(".CBBottomBorderLook:alias");
    -tr-rule-ref: selector(".CBRightBorderLook:alias");
}
.CBTableCellBottomLine:alias {
    -tr-rule-ref: selector(".CBClearBordersLook:alias");
    -tr-rule-ref: selector(".CBBottomBorderLook:alias");
}
.CBTableCellBottomLeftCorner:alias {
    -tr-rule-ref: selector(".CBClearBordersLook:alias");
    -tr-rule-ref: selector(".CBBottomBorderLook:alias");
    -tr-rule-ref: selector(".CBLeftBorderLook:alias");
}
.CBTableCellLeftLine:alias {
    -tr-rule-ref: selector(".CBClearBordersLook:alias");
    -tr-rule-ref: selector(".CBLeftBorderLook:alias");
}
.CBTableCellTopLeftCorner:alias {
    -tr-rule-ref: selector(".CBClearBordersLook:alias");
    -tr-rule-ref: selector(".CBTopBorderLook:alias");
    -tr-rule-ref: selector(".CBLeftBorderLook:alias");
}
.CBTableCellHorizontalLines:alias {
    -tr-rule-ref: selector(".CBClearBordersLook:alias");
    -tr-rule-ref: selector(".CBTopBorderLook:alias");
    -tr-rule-ref: selector(".CBBottomBorderLook:alias");
}
.CBTableCellVerticalLines:alias {
    -tr-rule-ref: selector(".CBClearBordersLook:alias");
    -tr-rule-ref: selector(".CBRightBorderLook:alias");
    -tr-rule-ref: selector(".CBLeftBorderLook:alias");
}
.CBTableCellHover:alias {
    -tr-rule-ref: selector(".CBTextCellLookHover:alias");
    -tr-rule-ref: selector(".CBTableCellCommon:alias");
}
.CBTableCellSelected:alias {
    -tr-rule-ref: selector(".CBTextCellLookSelected:alias");
    -tr-rule-ref: selector(".CBTableCellCommon:alias");
}
.CBTableCellDisabled:alias {
    -tr-rule-ref: selector(".CBTextCellLookDisabled:alias");
    -tr-rule-ref: selector(".CBTableCellCommon:alias");
}
.CBTableHeadCell:alias {
    -tr-rule-ref: selector(".CBButtonLookHover:alias");
    -tr-rule-ref: selector(".CBTableCellCommon:alias");
}
.CBTableHeadCellSelected:alias {
    -tr-rule-ref: selector(".CBButtonLookSelected:alias");
    -tr-rule-ref: selector(".CBTableCellCommon:alias");
}
.CBTableHeadCellDisabled:alias {
    -tr-rule-ref: selector(".CBButtonLookDisabled:alias");
    -tr-rule-ref: selector(".CBTableCellCommon:alias");
}
.CBTableControlBar:alias {
    -tr-rule-ref: selector(".CBButtonLookHover:alias");
    -tr-rule-ref: selector(".CBTableCellCommon:alias");
    padding: 4px;
}
.CBTableControlBarTop:alias {
    -tr-rule-ref: selector(".CBTableControlBar:alias");
    border-width: 1px 1px 0 1px;
}
/* fix a Webkit problem */
@agent webkit {
    .CBTableControlBarTop:alias {
        width: auto;
    }
}
.CBTableControlBarBottom:alias {
    -tr-rule-ref: selector(".CBTableControlBar:alias");
    border-width: 0 1px 1px 1px;
}
.CBTableSubControlBar:alias {
    -tr-rule-ref: selector(".CBTableControlBar:alias");
    border-width: 1px 1px 0 1px;
    padding: 4px;
}
/* fix a Webkit problem */
@agent webkit {
    .CBTableSubControlBar:alias {
        width: auto;
    }
}
.CBTablePathBar:alias {
    -tr-rule-ref: selector(".CBTableControlBar:alias");
    border-width: 1px 1px 0 1px;
}
/* Fix a Firefox3 problem */
@agent mozilla {
    .CBTablePathBar:alias {
        width: auto;
    }
}
.CBTableFooterBar:alias {
    -tr-rule-ref: selector(".CBTableControlBar:alias");
}
.CBTableFooterCell:alias {
    -tr-rule-ref: selector(".CBButtonLookHover:alias");
    -tr-rule-ref: selector(".CBTableCellCommon:alias");
}
.CBTableBody:alias {
    -tr-rule-ref: selector(".CBTextCellLookCommon:alias");
}
/* Table icons */
.CBTableSelectAllIconStyle:alias {
    -tr-rule-ref: selector(".CBIconLook:alias");
    -tr-rule-ref: selector(".CBIconSelectAll:alias");
}
.CBTableSelectAllIconHoverStyle:alias {
    -tr-rule-ref: selector(".CBIconLookHover:alias");
    -tr-rule-ref: selector(".CBIconSelectAll:alias");
}
.CBTableSelectNoneIconStyle:alias {
    -tr-rule-ref: selector(".CBIconLook:alias");
    -tr-rule-ref: selector(".CBIconSelectNone:alias");
}
.CBTableSelectNoneIconHoverStyle:alias {
    -tr-rule-ref: selector(".CBIconLookHover:alias");
    -tr-rule-ref: selector(".CBIconSelectNone:alias");
}
.CBTableSelectExpandAllIconStyle:alias {
    -tr-rule-ref: selector(".CBIconLook:alias");
    -tr-rule-ref: selector(".CBIconExpandAll:alias");
}
.CBTableSelectExpandAllIconHoverStyle:alias {
    -tr-rule-ref: selector(".CBIconLookHover:alias");
    -tr-rule-ref: selector(".CBIconExpandAll:alias");
}
.CBTableSelectCollapseAllIconStyle:alias {
    -tr-rule-ref: selector(".CBIconLook:alias");
    -tr-rule-ref: selector(".CBIconCollapseAll:alias");
}
.CBTableSelectCollapseAllIconHoverStyle:alias {
    -tr-rule-ref: selector(".CBIconLookHover:alias");
    -tr-rule-ref: selector(".CBIconCollapseAll:alias");
}
/* Train Control ---------------------------------------------------------------------------------------------------- */
.CBTrain:alias {
    background: white url(/adf/images/casablanca/backgrounds/trainConnector.png) repeat-x center left;    
}
.CBTrainStopCommon:alias {
    -tr-rule-ref: selector(".CBRoundedAllCornersLook:alias");
    padding: 8px 8px;
    white-space: nowrap;
}
.CBTrainStopUnvisited:alias {
    -tr-rule-ref: selector(".CBButtonLook:alias");
    -tr-rule-ref: selector(".CBTrainStopCommon:alias");
}
.CBTrainStopUnvisitedHover:alias {
    -tr-rule-ref: selector(".CBButtonLookHover:alias");
    -tr-rule-ref: selector(".CBTrainStopCommon:alias");
}
.CBTrainStopVisited:alias {
    -tr-rule-ref: selector(".CBButtonLookVisited:alias");
    -tr-rule-ref: selector(".CBTrainStopCommon:alias");
}
.CBTrainStopVisitedHover:alias {
    -tr-rule-ref: selector(".CBButtonLookVisitedHover:alias");
    -tr-rule-ref: selector(".CBTrainStopCommon:alias");
}
.CBTrainStopSelected:alias {
    -tr-rule-ref: selector(".CBButtonLookSelected:alias");
    -tr-rule-ref: selector(".CBTrainStopCommon:alias");
}
.CBTrainStopSelectedHover:alias {
    -tr-rule-ref: selector(".CBButtonLookSelectedHover:alias");
    -tr-rule-ref: selector(".CBTrainStopCommon:alias");
}
.CBTrainStopDisabled:alias {
    -tr-rule-ref: selector(".CBButtonLookDisabled:alias");
    -tr-rule-ref: selector(".CBTrainStopCommon:alias");
}
.CBTrainStopDisabledHover:alias {
    -tr-rule-ref: selector(".CBButtonLookDisabledHover:alias");
    -tr-rule-ref: selector(".CBTrainStopCommon:alias");
}

/* Tabs Control ----------------------------------------------------------------------------------------------------- */
.CBTabsHeads:alias {
    -tr-rule-ref: selector(".CBBorderNormalSolidLookSelected:alias");
    height: auto;
    border-width: 0 0 1px 0;
}
.CBTabHeadCommon:alias {
    height: auto;
    margin: 0 1px 0 0;
    padding: 7px 12px;
    text-decoration: none;
}
.CBTabHeadTopCommon:alias {
    -tr-rule-ref: selector(".CBTabHeadCommon:alias");
    border-width: 1px 1px 0 1px;
    -tr-rule-ref: selector(".CBRoundedTopCornersLook:alias");
}
.CBTabHeadBottomCommon:alias {
    -tr-rule-ref: selector(".CBTabHeadCommon:alias"); 
    border-width: 0 1px 1px 1px;
    -tr-rule-ref: selector(".CBRoundedBottomCornersLook:alias");
}
.CBTabHeadTop:alias {
    -tr-rule-ref: selector(".CBButtonLook:alias");
    -tr-rule-ref: selector(".CBTabHeadTopCommon:alias");
}
.CBTabHeadTopHover:alias {
    -tr-rule-ref: selector(".CBButtonLookHover:alias");
    -tr-rule-ref: selector(".CBTabHeadTopCommon:alias");
}
.CBTabHeadTopSelected:alias {
    -tr-rule-ref: selector(".CBButtonLookSelected:alias");
    -tr-rule-ref: selector(".CBTabHeadTopCommon:alias");
}
.CBTabHeadSelectedTopHover:alias {
    -tr-rule-ref: selector(".CBButtonLookSelectedHover:alias");
    -tr-rule-ref: selector(".CBTabHeadTopCommon:alias");
}
.CBTabHeadTopDisabled:alias {
    -tr-rule-ref: selector(".CBButtonLookDisabled:alias");
    -tr-rule-ref: selector(".CBTabHeadTopCommon:alias");
}
.CBTabHeadDisabledTopHover:alias {
    -tr-rule-ref: selector(".CBButtonLookDisabledHover:alias");
    -tr-rule-ref: selector(".CBTabHeadTopCommon:alias");
}
.CBTabHeadBottom:alias {
    -tr-rule-ref: selector(".CBButtonLook:alias");
    -tr-rule-ref: selector(".CBTabHeadBottomCommon:alias");
}
.CBTabHeadBottomHover:alias {
    -tr-rule-ref: selector(".CBButtonLookHover:alias");
    -tr-rule-ref: selector(".CBTabHeadBottomCommon:alias");
}
.CBTabHeadBottomSelected:alias {
    -tr-rule-ref: selector(".CBButtonLookSelected:alias");
    -tr-rule-ref: selector(".CBTabHeadBottomCommon:alias");
}
.CBTabHeadBottomSelectedHover:alias {
    -tr-rule-ref: selector(".CBButtonLookSelectedHover:alias");
    -tr-rule-ref: selector(".CBTabHeadBottomCommon:alias");
}
.CBTabHeadBottomDisabled:alias {
    -tr-rule-ref: selector(".CBButtonLookDisabled:alias");
    -tr-rule-ref: selector(".CBTabHeadBottomCommon:alias");
}
.CBTabHeadBottomDisabledHover:alias {
    -tr-rule-ref: selector(".CBButtonLookDisabledHover:alias");
    -tr-rule-ref: selector(".CBTabHeadBottomCommon:alias");
}

/* Paginator control ------------------------------------------------------------------------------------------------ */
.CBPaginatorScrollerCommon:alias {
    -tr-rule-ref: selector(".CBRoundedAllCornersLook:alias");
}
.CBPaginatorScroller:alias {
    -tr-rule-ref: selector(".CBPaginatorScrollerCommon:alias");
    -tr-rule-ref: selector(".CBButtonLook:alias");
}
.CBPaginatorScrollerHover:alias {
    -tr-rule-ref: selector(".CBPaginatorScrollerCommon:alias");
    -tr-rule-ref: selector(".CBButtonLookHover:alias");
}
.CBPaginatorScrollerSelected:alias {
    -tr-rule-ref: selector(".CBPaginatorScrollerCommon:alias");
    -tr-rule-ref: selector(".CBButtonLookSelected:alias");
}
.CBPaginatorScrollerSelectedHover:alias {
    -tr-rule-ref: selector(".CBPaginatorScrollerCommon:alias");
    -tr-rule-ref: selector(".CBButtonLookSelectedHover:alias");
}

/* SlotBar Control -------------------------------------------------------------------------------------------------- */
.CBSlotBarOptionCommon:alias {
    margin: 0;
    border-width: 0 1px 0 0;
    padding: 7px 12px;
    text-decoration: none;
}
.CBSlotBarOption:alias {
    -tr-rule-ref: selector(".CBButtonLook:alias");
    -tr-rule-ref: selector(".CBSlotBarOptionCommon:alias");
}
.CBSlotBarOptionHover:alias {
    -tr-rule-ref: selector(".CBButtonLookHover:alias");
    -tr-rule-ref: selector(".CBSlotBarOptionCommon:alias");
}
.CBSlotBarOptionSelected:alias {
    -tr-rule-ref: selector(".CBButtonLookSelected:alias");
    -tr-rule-ref: selector(".CBSlotBarOptionCommon:alias");
}
.CBSlotBarOptionSelectedHover:alias {
    -tr-rule-ref: selector(".CBButtonLookSelectedHover:alias");
    -tr-rule-ref: selector(".CBSlotBarOptionCommon:alias");
}
.CBSlotBarOptionDisabled:alias {
    -tr-rule-ref: selector(".CBButtonLookDisabled:alias");
    -tr-rule-ref: selector(".CBSlotBarOptionCommon:alias");
}
.CBSlotBarOptionDisabledHover:alias {
    -tr-rule-ref: selector(".CBButtonLookDisabledHover:alias");
    -tr-rule-ref: selector("..CBSlotBarOptionCommon:alias");
}
.CBSlotBarBar:alias {
    -tr-rule-ref: selector(".CBButtonLook:alias");
}

/* ButtonBar Control ------------------------------------------------------------------------------------------------ */
.CBButtonBarOptionCommon:alias {
    margin: 0 2px 0 0;
    padding: 7px 12px;
    text-decoration: none;
    -tr-rule-ref: selector(".CBRoundedAllCornersLook:alias");
}
.CBButtonBarOption:alias {
    -tr-rule-ref: selector(".CBButtonLook:alias");
    -tr-rule-ref: selector(".CBButtonBarOptionCommon:alias");
}
.CBButtonBarOptionHover:alias {
    -tr-rule-ref: selector(".CBButtonLookHover:alias");
    -tr-rule-ref: selector(".CBButtonBarOptionCommon:alias");
}
.CBButtonBarOptionSelected:alias {
    -tr-rule-ref: selector(".CBButtonLookSelected:alias");
    -tr-rule-ref: selector(".CBButtonBarOptionCommon:alias");
}
.CBButtonBarOptionSelectedHover:alias {
    -tr-rule-ref: selector(".CBButtonLookSelectedHover:alias");
    -tr-rule-ref: selector(".CBButtonBarOptionCommon:alias");
}
.CBButtonBarOptionDisabled:alias {
    -tr-rule-ref: selector(".CBButtonLookDisabled:alias");
    -tr-rule-ref: selector(".CBButtonBarOptionCommon:alias");
}
.CBButtonBarOptionDisabledHover:alias {
    -tr-rule-ref: selector(".CBButtonLookDisabledHover:alias");
    -tr-rule-ref: selector(".CBButtonBarOptionCommon:alias");
}
.CBButtonBarLabel:alias {
    -tr-rule-ref: selector(".CBTextCellLook:alias");
    display: block;
    -tr-rule-ref: selector(".CBButtonBarOptionCommon:alias");
}

/* ButtonList Control ----------------------------------------------------------------------------------------------- */
.CBButtonListOptionCommon:alias {
    width: 120px;
    margin: 0 0 1px 0;
    padding: 7px 12px;
    text-decoration: none;
    -tr-rule-ref: selector(".CBRoundedAllCornersLook:alias");
}
.CBButtonListOption:alias {
    -tr-rule-ref: selector(".CBButtonLook:alias");
    -tr-rule-ref: selector(".CBButtonListOptionCommon:alias");
}
.CBButtonListOptionHover:alias {
    -tr-rule-ref: selector(".CBButtonLookHover:alias");
    -tr-rule-ref: selector(".CBButtonListOptionCommon:alias");
}
.CBButtonListOptionSelected:alias {
    -tr-rule-ref: selector(".CBButtonLookSelected:alias");
    -tr-rule-ref: selector(".CBButtonListOptionCommon:alias");
}
.CBButtonListOptionSelectedHover:alias {
    -tr-rule-ref: selector(".CBButtonLookSelectedHover:alias");
    -tr-rule-ref: selector(".CBButtonListOptionCommon:alias");
}
.CBButtonListOptionDisabled:alias {
    -tr-rule-ref: selector(".CBButtonLookDisabled:alias");
    -tr-rule-ref: selector(".CBButtonListOptionCommon:alias");
}
.CBButtonListOptionDisabledHover:alias {
    -tr-rule-ref: selector(".CBButtonLookDisabledHover:alias");
    -tr-rule-ref: selector(".CBButtonListOptionCommon:alias");
}

/* Navigation List control ------------------------------------------------------------------------------------------ */
/* CasaBlanca styles */
.CBNavListOptionCommon:alias {
    margin: 0;
    border-width: 0 0 1px 0;
    border-color: #CAC2BD;
    padding: 7px 12px;
    text-decoration: none;
    background: transparent;
}
.CBNavListOption:alias {
    -tr-rule-ref: selector(".CBButtonLook:alias");
    -tr-rule-ref: selector(".CBNavListOptionCommon:alias");
}
.CBNavListOptionHover:alias {
    -tr-rule-ref: selector(".CBButtonLookHover:alias");
    -tr-rule-ref: selector(".CBNavListOptionCommon:alias");
    -tr-rule-ref: selector(".CBTextCellLookHover:alias");
    border-width: 0 0 1px 0;
}
.CBNavListOptionSelected:alias {
    -tr-rule-ref: selector(".CBButtonLookSelected:alias");
    -tr-rule-ref: selector(".CBNavListOptionCommon:alias");
}
.CBNavListOptionSelectedHover:alias {
    -tr-rule-ref: selector(".CBButtonLookSelectedHover:alias");
    -tr-rule-ref: selector(".CBNavListOptionCommon:alias");
    -tr-rule-ref: selector(".CBTextCellLookHover:alias");
    border-width: 0 0 1px 0;
}
.CBNavPaneListOptionDisabled:alias {
    -tr-rule-ref: selector(".CBButtonLookDisabled:alias");
    -tr-rule-ref: selector(".CBNavListOptionCommon:alias");
}
.CBNavPaneListOptionDisabledHover:alias {
    -tr-rule-ref: selector(".CBButtonLookDisabledHover:alias");
    -tr-rule-ref: selector(".CBNavListOptionCommon:alias");
}

/* Accordion Control ------------------------------------------------------------------------------------------------ */
.CBAccordionHeadCommon:alias {
    margin-bottom: 1px;
    padding: 8px 5px;
}
.CBAccordionHead:alias {
    -tr-rule-ref: selector(".CBPanelHead:alias");
    -tr-rule-ref: selector(".CBAccordionHeadCommon:alias");
    -tr-rule-ref: selector(".CBRoundedAllCornersLook:alias");
}
.CBAccordionHeadHover:alias {
    -tr-rule-ref: selector(".CBPanelHeadHover:alias");
    -tr-rule-ref: selector(".CBAccordionHeadCommon:alias");
    -tr-rule-ref: selector(".CBRoundedAllCornersLook:alias");
}
.CBAccordionHeadSelected:alias {
    -tr-rule-ref: selector(".CBPanelHeadSelected:alias");
    -tr-rule-ref: selector(".CBAccordionHeadCommon:alias");
    -tr-rule-ref: selector(".CBRoundedTopCornersLook:alias");
    margin-bottom: 0px;
}
.CBAccordionHeadSelectedHover:alias {
    -tr-rule-ref: selector(".CBPanelHeadSelectedHover:alias");
    -tr-rule-ref: selector(".CBAccordionHeadCommon:alias");
    -tr-rule-ref: selector(".CBRoundedTopCornersLook:alias");
    margin-bottom: 0px;
}
.CBAccordionHeadDisabled:alias {
    -tr-rule-ref: selector(".CBPanelHeadDisabled:alias");
    -tr-rule-ref: selector(".CBAccordionHeadCommon:alias");
    -tr-rule-ref: selector(".CBRoundedAllCornersLook:alias");
    padding-left: 30px;
}
.CBAccordionHeadDisabledHover:alias {
    -tr-rule-ref: selector(".CBPanelHeadDisabledHover:alias");
    -tr-rule-ref: selector(".CBAccordionHeadCommon:alias");
    -tr-rule-ref: selector(".CBRoundedAllCornersLook:alias");
    padding-left: 30px;
}
.CBAccordionBody:alias {
    -tr-rule-ref: selector(".CBPanelBodyEmbossedSelected:alias");
    border-width: 0 1px 1px 1px;
}

/* Tree Control ----------------------------------------------------------------------------------------------------- */
.CBTreeDiscloseIconStyle:alias {
    -tr-rule-ref: selector(".CBIconLook:alias");
    -tr-rule-ref: selector(".CBIconArrowDown:alias");
    /*-tr-rule-ref: selector(".CBIconArrowRight:alias");*/
}
.CBTreeLinkCommon:alias {
    border: 1px solid white;
}
.CBTreeLink:alias {
    -tr-rule-ref: selector(".CBLink:alias") ! important;
    -tr-rule-ref: selector(".CBTreeLinkCommon:alias");
}
.CBTreeLinkHover:alias {
    -tr-rule-ref: selector(".CBLinkHover:alias") ! important;
    -tr-rule-ref: selector(".CBTreeLinkCommon:alias");
}
.CBTreeLinkDisabled:alias {
    -tr-rule-ref: selector(".CBLinkDisabled:alias");
    -tr-rule-ref: selector(".CBTreeLinkCommon:alias");
}
.CBTreeLinkDisabledHover:alias {
    -tr-rule-ref: selector(".CBLinkDisabledHover:alias");
    -tr-rule-ref: selector(".CBTreeLinkCommon:alias");
}


/* ------------------------------------------------------------------------------------------------------------------ */
/* COMPONENTS SELECTORS                                                                                               */
/* ------------------------------------------------------------------------------------------------------------------ */
/* TRINIDAD COMPONENTS SELECTORS, TARGETS EACH COMPONENT INDIVIDUALY                                                  */
/* ------------------------------------------------------------------------------------------------------------------ */

/* Breadcrumbs component -------------------------------------------------------------------------------------------- */
/* CasaBlanca styles */
.CBBreadcrumbStep:alias {
    -tr-rule-ref: selector(".CBLinkLook:alias");
}
.CBBreadcrumbStepHover:alias {
    -tr-rule-ref: selector(".CBLinkLookHover:alias");
}
/* Inject CasaBlanca styles */
af|breadCrumbs af|breadCrumbs::step {
    -tr-rule-ref: selector("..CBBreadcrumbStep:alias");
}

@agent (touchScreen:none) {
	af|breadCrumbs af|breadCrumbs::step:hover {
	    -tr-rule-ref: selector(".CBBreadcrumbStepHover:alias");
	}
}

/* Chart component -------------------------------------------------------------------------------------------------- */
/* Not applicable yet */

/* Choice component ------------------------------------------------------------------------------------------------- */
/* CasaBlanca styles */
.CBChoiceBox:alias {
    -tr-rule-ref: selector(".CBChoiceChoiceBox:alias");
}
.CBChoiceChoiceOptionText:alias {
    -tr-rule-ref: selector(".CBChoiceOptionText:alias");
}
/* Inject CasaBlanca styles */
select.AFFieldText {
    -tr-rule-ref: selector(".CBChoiceBox:alias");
}
select.AFFieldText option {
    -tr-rule-ref: selector(".CBChoiceChoiceOptionText:alias");
}

/* Choose Color component ------------------------------------------------------------------------------------------- */
/* CasaBlanca styles */
.CBChooseColorPanel:alias {
    padding: 2px;
    -tr-rule-ref: selector(".CBPanelAccented:alias");
}
.CBChooseColorGrid:alias {
    padding: 0;
}
.CBChooseColorCell:alias {
}
/* Inject CasaBlanca styles */
.p_OraColorPalette {
    -tr-rule-ref: selector(".CBChooseColorPanel:alias");
}
.p_OraColorPalette tbody {
    -tr-rule-ref: selector(".CBChooseColorGrid:alias");
}
.p_OraColorPalette tbody td {
    -tr-rule-ref: selector(".CBChooseColorCell:alias");
}

/* Choose Date component -------------------------------------------------------------------------------------------- */
/* CasaBlanca styles */
.CBDateCommon:alias {
}
.CBDate:alias {
    -tr-rule-ref: selector(".CBTable:alias");
    padding: 0;
}
.CBDateCell:alias {
    -tr-rule-ref: selector(".CBTableCell:alias");
}
.CBDateCellHover:alias {
    -tr-rule-ref: selector(".CBTableCellHover:alias");
}
.CBDateCellSelected:alias {
    -tr-rule-ref: selector(".CBTableCellSelected:alias");
    display: block;
}
.CBDateCellDisabled:alias {
    -tr-rule-ref: selector(".CBTableCellDisabled:alias");
}
.CBDateHeadCell:alias {
    -tr-rule-ref: selector(".CBTableHeadCell:alias");
    display: table-cell;
    border: 0;
}
.CBDateNavPrevMonth:alias {
    -tr-rule-ref: selector(".CBIconLook:alias");
    -tr-rule-ref: selector(".CBIconArrowLeftNegative:alias");
    display: block;
}
.CBDateNavNextMonth:alias {
    -tr-rule-ref: selector(".CBIconLook:alias");
    -tr-rule-ref: selector(".CBIconArrowRightNegative:alias");
    display: block;
}
.CBDateNavPrevMonthHover:alias {
    -tr-rule-ref: selector(".CBIconLookHover:alias");
    -tr-rule-ref: selector(".CBIconArrowLeftNegative:alias");
    display: block;
}
.CBDateNavNextMonthHover:alias {
    -tr-rule-ref: selector(".CBIconLookHover:alias");
    -tr-rule-ref: selector(".CBIconArrowRightNegative:alias");
}
.CBDateChoiceBox:alias {
    -tr-rule-ref: selector(".CBChoiceChoiceBox:alias");
}
/* Inject CasaBlanca styles */
af|chooseDate::title select.AFFieldText {
    -tr-rule-ref: selector(".CBDateChoiceBox:alias");
}
af|chooseDate::content {
    -tr-rule-ref: selector(".CBDate:alias");
}
af|chooseDate::content af|chooseDate::header th {
    -tr-rule-ref: selector(".CBDateHeadCell:alias");
}
af|chooseDate::content tr td {
    -tr-rule-ref: selector(".CBDateCell:alias");
    padding: 0;
}
af|chooseDate::content tr td a {
    -tr-rule-ref: selector(".CBDateCell:alias");
    border: none;
    display: block;
}
@agent (touchScreen:none) {
  af|chooseDate::content tr td a:hover {
      -tr-rule-ref: selector(".CBDateCellHover:alias");
      border: none;
      display: block;
  }
  af|chooseDate::content tr af|chooseDate::disabled:hover {
      -tr-rule-ref: selector(".CBDateCellDisabled:alias");
  }
  af|chooseDate::nav[align="left"] a:hover {
      -tr-rule-ref: selector(".CBDateNavPrevMonthHover:alias");
  }
  af|chooseDate::nav[align="right"] a:hover {
      -tr-rule-ref: selector(".CBDateNavNextMonthHover:alias");
  }
}
af|chooseDate::content tr td af|chooseDate::selected {
    -tr-rule-ref: selector(".CBDateCellSelected:alias");
    /*padding: 0;*/
}
af|chooseDate::content tr af|chooseDate::disabled {
    -tr-rule-ref: selector(".CBDateCellDisabled:alias");
}
/* month navigation controls */
af|chooseDate::nav[align="left"] a {
    -tr-rule-ref: selector(".CBDateNavPrevMonth:alias");
}
af|chooseDate::nav[align="right"] a {
    -tr-rule-ref: selector(".CBDateNavNextMonth:alias");
}
af|chooseDate::nav[align="left"] a span {
    display: none;   
}
af|chooseDate::nav[align="right"] a span {
    display: none;
}

/* Command button component ----------------------------------------------------------------------------------------- */
/* CasaBlanca styles */
.CBCommandButton:alias {
    -tr-rule-ref: selector(".CBButton:alias");
}
.CBCommandButtonHover:alias {
    -tr-rule-ref: selector(".CBButtonHover:alias");
}
.CBCommandButtonDisabled:alias {
    -tr-rule-ref: selector(".CBButtonDisabled:alias");
}
.CBCommandButtonDisabledHover:alias {
    -tr-rule-ref: selector(".CBButtonDisabledHover:alias");
}
/* Inject CasaBlanca styles */
af|commandButton, af|goButton, af|resetButton, button, button.OraLink, .OraNavBarActiveLink {
    -tr-rule-ref: selector(".CBCommandButton:alias");
}

@agent (touchScreen:none) {
  af|commandButton:hover, af|goButton:hover, af|resetButton:hover, button:hover, button.OraLink:hover,
  .OraNavBarActiveLink:hover {
      -tr-rule-ref: selector(".CBCommandButtonHover:alias");
  }
}
af|commandButton.p_AFDisabled {
    -tr-rule-ref: selector(".CBCommandButtonDisabled:alias");
}

/* Command link component ------------------------------------------------------------------------------------------- */
/* CasaBlanca styles */
/* Normal links style */
.CBCommandLink:alias {
    -tr-rule-ref: selector(".CBLink:alias");
}
/* Hover links style */
.CBCommandLinkHover:alias {
    -tr-rule-ref: selector(".CBLinkHover:alias");
}
/* Disabled links style */
.CBCommandLinkDisabled:alias {
    -tr-rule-ref: selector(".CBLinkDisabled:alias");
}
/* Disabled-hover links style */
.CBCommandLinkDisabledHover:alias {
    -tr-rule-ref: selector(".CBLinkDisabledHover:alias");
}
/* Inject CasaBlanca styles */
a, .OraLink, .OraLink:link, .OraLink:active, .OraLink:visited, .AFLinkForeground:alias {
    -tr-rule-ref: selector(".CBCommandLink:alias");
}
@agent (touchScreen:none) {
  a:hover, .OraLink:hover, .OraLink:link:hover {
      -tr-rule-ref: selector(".CBCommandLinkHover:alias");
  }
  .OraLinkDisabled:hover {
      -tr-rule-ref: selector(".CBCommandLinkDisabledHover:alias");
  }
}
.OraLinkDisabled {
    -tr-rule-ref: selector(".CBCommandLinkDisabled:alias");
}

/* Command Navigation Item component -------------------------------------------------------------------------------- */
/* CasaBlanca styles */
/* Normal links style */
.CBCommandNavigationItem:alias {
    -tr-rule-ref: selector(".CBLink:alias");
}
/* Hover links style */
.CBCommandNavigationItemHover:alias {
    -tr-rule-ref: selector(".CBLinkHover:alias");
}
/* Disabled links style */
.CBCommandNavigationItemDisabled:alias {
    -tr-rule-ref: selector(".CBLinkDisabled:alias");
}
/* Disabled-hover links style */
.CBCommandNavigationItemDisabledHover:alias {
    -tr-rule-ref: selector(".CBLinkDisabledHover:alias");
}
/* No any skining specific selectors to inject CasaBlanca styles */

/* Form component --------------------------------------------------------------------------------------------------- */
/* No any specific styling for the moment */

/* Go Button component ---------------------------------------------------------------------------------------------- */
/* CasaBlanca styles */
.CBGoButton:alias {
    -tr-rule-ref: selector(".CBButton:alias");
}
.CBGoButtonHover:alias {
    -tr-rule-ref: selector(".CBButtonHover:alias");
}
.CBGoButtonDisabled:alias {
    -tr-rule-ref: selector(".CBButtonDisabled:alias");
}
.CBGoButtonDisabledHover:alias {
    -tr-rule-ref: selector(".CBButtonDisabledHover:alias");
}
/* Inject CasaBlanca styles */
af|goButton {
    -tr-rule-ref: selector(".CBGoButton:alias");
}

@agent (touchScreen:none) {
  af|goButton:hover {
      -tr-rule-ref: selector(".CBGoButtonHover:alias");
  }
}

/* Go Link component ------------------------------------------------------------------------------------------------ */
/* CasaBlanca styles */
/* Normal links style */
.CBGoLink:alias {
    -tr-rule-ref: selector(".CBLink:alias");
}
/* Hover links style */
.CBGoLinkHover:alias {
    -tr-rule-ref: selector(".CBLinkHover:alias");
}
/* Disabled links style */
.CBGoLinkDisabled:alias {
    -tr-rule-ref: selector(".CBLinkDisabled:alias");
}
/* Disabled-hover links style */
.CBGoLinkDisabledHover:alias {
    -tr-rule-ref: selector(".CBLinkDisabledHover:alias");
}
/* No any skining specific selectors to inject CasaBlanca styles */

/* Icon component --------------------------------------------------------------------------------------------------- */
/* CasaBlanca styles */
.CBIconCommon:alias {
    float: none;    
}
.CBIconErrorIconStyle:alias {
    -tr-rule-ref: selector(".CBIconLook:alias");
    -tr-rule-ref: selector(".CBIconError:alias");
    -tr-rule-ref: selector(".CBIconCommon:alias");
}
.CBIconInfoIconStyle:alias {
    -tr-rule-ref: selector(".CBIconLook:alias");
    -tr-rule-ref: selector(".CBIconInfo:alias");
    -tr-rule-ref: selector(".CBIconCommon:alias");
}
.CBIconWarningIconStyle:alias {
    -tr-rule-ref: selector(".CBIconLook:alias");
    -tr-rule-ref: selector(".CBIconWarning:alias");
    -tr-rule-ref: selector(".CBIconCommon:alias");
}
.CBIconRequiredIconStyle:alias {
}
.CBIconQuickSelectIconStyle:alias {
}
.CBIconQuickSelectDisabledIconStyle:alias {
}
/* Inject CasaBlanca styles */
.AFErrorIconStyle {
    -tr-rule-ref: selector(".CBIconErrorIconStyle:alias");
}
.AFInfoIconStyle {
    -tr-rule-ref: selector(".CBIconInfoIconStyle:alias");
}
.AFWarningIconStyle {
    -tr-rule-ref: selector(".CBIconWarningIconStyle:alias");
}
.AFRequiredIconStyle {
    -tr-rule-ref: selector(".CBIconRequiredIconStyle:alias");
}
.AFQuickSelectIconStyle {
    -tr-rule-ref: selector(".CBIconQuickSelectIconStyle:alias");
}
.AFQuickSelectDisabledIconStyle {
    -tr-rule-ref: selector(".CBIconQuickSelectDisabledIconStyle:alias");
}

/* Image component -------------------------------------------------------------------------------------------------- */
/* Not applicable yet */

/* Input color component -------------------------------------------------------------------------------------------- */
/* CasaBlanca styles */
.CBInputColorInputBox:alias {
    -tr-rule-ref: selector(".CBInputTextInputBox:alias");
}
.CBInputColorCurrentColorCommon:alias {
    width: 8px;
    height: 8px;
    position: relative;
    display: inline;
    top: -1px;
    border-style: solid;
    border-width: 2px 2px 6px 6px;
}
.CBInputColorCurrentColor:alias {
    -tr-rule-ref: selector(".CBInputColorCurrentColorCommon:alias");
    border-color: #685951;
}
.CBInputColorCurrentColorHover:alias {
    -tr-rule-ref: selector(".CBInputColorCurrentColorCommon:alias");
    border-color: #4E3625;
}
/* Inject CasaBlanca styles */
af|inputColor::content {
    -tr-rule-ref: selector(".CBInputColorInputBox:alias");
}
af|inputColor a .p_OraColorFieldSwatch {
    -tr-rule-ref: selector(".CBInputColorCurrentColor:alias");
}
@agent (touchScreen:none) {
  af|inputColor a:hover .p_OraColorFieldSwatch {
      -tr-rule-ref: selector(".CBInputColorCurrentColorHover:alias");
  }
}
/* Clear some legacy stuff */
af|inputColor af|inputColor::swatch-overlay {
    display: none;
    width: auto;
}

/* Input date component --------------------------------------------------------------------------------------------- */
/* CasaBlanca styles */
.CBInputDate:alias {
    position: relative;
}
.CBInputDateInputBox:alias {
    -tr-rule-ref: selector(".CBInputTextInputBox:alias");
}
.CBInputDateIconCommon:alias {
    position: absolute;
    display: inline;
    font-size: 1em;
    margin-left: 4px;
}
.CBInputDateIconStyle:alias {
    -tr-rule-ref: selector(".CBIconLook:alias");   
    -tr-rule-ref: selector(".CBIconCalendar:alias");
    -tr-rule-ref: selector(".CBInputDateIconCommon:alias");
}
.CBInputDateIconHover:alias {
    -tr-rule-ref: selector(".CBIconLookHover:alias");
    -tr-rule-ref: selector(".CBIconCalendar:alias");
    -tr-rule-ref: selector(".CBInputDateIconCommon:alias");
}
/* Inject CasaBlanca styles */
af|inputDate {
    -tr-rule-ref: selector(".CBInputDate:alias");
}
af|inputDate::content {
    -tr-rule-ref: selector(".CBInputDateInputBox:alias");
}
af|inputDate a {
    -tr-rule-ref: selector(".CBInputDateIconStyle:alias");
}
@agent (touchScreen:none) {
  af|inputDate a:hover {
      -tr-rule-ref: selector(".CBInputDateIconHover:alias");
  }
}
/* Clear some legacy stuff */
af|inputDate img {
    display: none;
    width: auto;
}

/* Input file component --------------------------------------------------------------------------------------------- */
/* Nothing we can do for the moment */

/* Input list of values component ----------------------------------------------------------------------------------- */
/* CasaBlanca styles */
.CBListOfValues:alias {
    position: relative;    
}
.CBListOfValuesPanelButtonBar:alias {
    padding: 8px 0;
}
.CBListOfValuesInputBox:alias {
    -tr-rule-ref: selector(".CBInputTextInputBox:alias");
}
.CBListOfValuesIconCommon:alias {
    position: absolute;
    display: inline;
    font-size: 1em;
    margin-left: 4px;
}
.CBListOfValuesIconStyle:alias {
    -tr-rule-ref: selector(".CBIconLook:alias");
    -tr-rule-ref: selector(".CBIconList:alias");
    -tr-rule-ref: selector(".CBListOfValuesIconCommon:alias");
}
.CBListOfValuesIconHover:alias {
    -tr-rule-ref: selector(".CBIconLookHover:alias");
    -tr-rule-ref: selector(".CBIconList:alias");
    -tr-rule-ref: selector(".CBListOfValuesIconCommon:alias");
}
/* Inject CasaBlanca styles */
af|inputListOfValues  {
    -tr-rule-ref: selector(".CBListOfValues:alias");
}
af|inputListOfValues a {
    -tr-rule-ref: selector(".CBListOfValuesIconStyle:alias");
}
@agent (touchScreen:none) {
  af|inputListOfValues a:hover {
      -tr-rule-ref: selector(".CBListOfValuesIconHover:alias");
  }
}
af|inputListOfValues af|inputListOfValues::content {
    -tr-rule-ref: selector(".CBListOfValuesInputBox:alias");
}
/* It's not a specific enough selector, but is all we can do and it works */
af|panelButtonBar {
    -tr-rule-ref: selector(".CBListOfValuesPanelButtonBar:alias");
}
/* Clear some legacy stuff */
af|inputListOfValues img {
    display: none;
    width: auto;
}

/* Input Text component --------------------------------------------------------------------------------------------- */
/* CasaBlanca styles */
.CBInputTextInputInputBox:alias {
    -tr-rule-ref: selector(".CBInputTextInputBox:alias");
}
/* Inject CasaBlanca styles */
af|inputText::content {
    -tr-rule-ref: selector(".CBInputTextInputInputBox:alias");
}

/* Message component ------------------------------------------------------------------------------------------------ */
/* CasaBlanca styles */
.CBMessageMessageTextCommon:alias {
}
.CBMessageMessageText:alias {
    -tr-rule-ref: selector(".CBMessageText:alias");
}
.CBMessageMessageTextInfo:alias {
    -tr-rule-ref: selector(".CBMessageTextInfo:alias");
}
.CBMessageMessageTextError:alias {
    -tr-rule-ref: selector(".CBMessageTextError:alias");
}
/* Inject CasaBlanca styles */
.OraInlineInfoText {
    -tr-rule-ref: selector(".CBMessageMessageTextInfo:alias");
}
.OraInlineErrorText {
    -tr-rule-ref: selector(".CBMessageMessageTextError:alias");
}
af|outputLabel span a.AFErrorIconStyle, af|inputText::label a.AFErrorIconStyle {
    display: none;    
}

/* Messages component ----------------------------------------------------------------------------------------------- */
/* CasaBlanca styles */
.CBMessagesMessagesTitle:alias {
    -tr-rule-ref: selector(".CBMessagesTitle:alias");
}
.CBMessagesMessagesList:alias {
    -tr-rule-ref: selector(".CBMessagesList:alias");
}
.CBMessagesMessagesListItem:alias {
    -tr-rule-ref: selector(".CBMessagesListItem:alias");    
}
.CBMessagesMessagesBox:alias {
    -tr-rule-ref: selector(".CBMessagesBox:alias");
}
.CBMessagesMessagesTextInfo:alias {
    -tr-rule-ref: selector(".CBMessagesTextInfo:alias");
}
/* Inject CasaBlanca styles */
af|panelFormLayout::message-cell .OraInlineInfoText {
    -tr-rule-ref: selector(".CBMessagesMessagesTextInfo:alias");
}
af|messages::body {
    -tr-rule-ref: selector(".CBMessagesMessagesBox:alias");
}
af|messages::body af|messages::header span, af|messages::body af|messages::header {
    -tr-rule-ref: selector(".CBMessagesMessagesTitle:alias");
}
af|messages::body ol {
    -tr-rule-ref: selector(".CBMessagesMessagesList:alias");
}
af|messages::body ol li {
    -tr-rule-ref: selector(".CBMessagesMessagesListItem:alias");
}
/* Navigation Pane component -----------------------------------------------------------------------------------------*/
/* Bar style ------------------------ */
/* CasaBlanca styles */
.CBNavPaneBarOptionCommon:alias {
}
.CBNavPaneBarOption:alias {
    -tr-rule-ref: selector(".CBSlotBarOption:alias");
    -tr-rule-ref: selector(".CBNavPaneBarOptionCommon:alias");
}
.CBNavPaneBarOptionHover:alias {
    -tr-rule-ref: selector(".CBSlotBarOptionHover:alias");
    -tr-rule-ref: selector(".CBNavPaneBarOptionCommon:alias");
}
.CBNavPaneBarOptionSelected:alias {
    -tr-rule-ref: selector(".CBSlotBarOptionSelected:alias");
    -tr-rule-ref: selector(".CBNavPaneBarOptionCommon:alias");
}
.CBNavPaneBarOptionSelectedHover:alias {
    -tr-rule-ref: selector(".CBSlotBarOptionSelectedHover:alias");
    -tr-rule-ref: selector(".CBNavPaneBarOptionCommon:alias");
}
.CBNavPaneBarOptionDisabled:alias {
    -tr-rule-ref: selector(".CBSlotBarOptionDisabled:alias");
    -tr-rule-ref: selector(".CBNavPaneBarOptionCommon:alias");
}
.CBNavPaneBarOptionDisabledHover:alias {
    -tr-rule-ref: selector(".CBSlotBarOptionDisabledHover:alias");
    -tr-rule-ref: selector(".CBNavPaneBarOptionCommon:alias");
}
.CBNavPaneBar:alias {
    -tr-rule-ref: selector(".CBSlotBarBar:alias");
}
/* Inject CasaBlanca styles */
af|navigationPane::bar {
    -tr-rule-ref: selector(".CBNavPaneBar:alias");
    padding: 0;
}
af|navigationPane::bar-active-enabled af|navigationPane::bar-content a {
    -tr-rule-ref: selector(".CBNavPaneBarOptionSelected:alias");
}
@agent (touchScreen:none) {
  af|navigationPane::bar-active-enabled af|navigationPane::bar-content a:hover {
      -tr-rule-ref: selector(".CBNavPaneBarOptionSelectedHover:alias");
  }
  af|navigationPane::bar-inactive-enabled af|navigationPane::bar-content a:hover {
      -tr-rule-ref: selector(".CBNavPaneBarOptionHover:alias");
  }
  af|navigationPane::buttons-inactive-enabled af|navigationPane::buttons-content a:hover {
      -tr-rule-ref: selector(".CBNavPaneButtonOptionHover:alias");
  }
  af|navigationPane::buttons-active-enabled af|navigationPane::buttons-content a:hover {
      -tr-rule-ref: selector(".CBNavPaneButtonOptionSelectedHover:alias");
  }
  af|navigationPane::list-inactive-enabled af|navigationPane::list-content a:hover {
      -tr-rule-ref: selector(".CBNavPaneListOptionHover:alias");
  }
  af|navigationPane::list-active-enabled af|navigationPane::list-content a:hover {
      -tr-rule-ref: selector(".CBNavPaneListOptionSelectedHover:alias");
  }
  af|navigationPane af|navigationPane::choice-button:hover {
      -tr-rule-ref: selector(".CBNavPaneChoiceButtonHover:alias");
  }
}
af|navigationPane::bar-inactive-enabled af|navigationPane::bar-content a {
    -tr-rule-ref: selector(".CBNavPaneBarOption:alias");
}
af|navigationPane::bar-active-disabled af|navigationPane::bar-content,
af|navigationPane::bar-inactive-disabled af|navigationPane::bar-content {
    -tr-rule-ref: selector(".CBNavPaneBarOptionDisabled:alias");
}

/* Clear some legacy stuff */
af|navigationPane::bar-separator {
    display: none;
}
af|navigationPane::bar-content {
    padding: 0;
}
af|navigationPane::bar-content img {
    display: none;
}

/* Button style ---------------------------------------- */
/* CasaBlanca styles */
.CBNavPaneButtonOptionCommon:alias {
    -tr-rule-ref: selector(".CBRoundedAllCornersLook:alias");
}
.CBNavPaneButtonOption:alias {
    -tr-rule-ref: selector(".CBButtonBarOption:alias");
    -tr-rule-ref: selector(".CBNavPaneButtonOptionCommon:alias");
}
.CBNavPaneButtonOptionHover:alias {
    -tr-rule-ref: selector(".CBButtonBarOptionHover:alias");
    -tr-rule-ref: selector(".CBNavPaneButtonOptionCommon:alias");
}
.CBNavPaneButtonOptionSelected:alias {
    -tr-rule-ref: selector(".CBButtonBarOptionSelected:alias");
    -tr-rule-ref: selector(".CBNavPaneButtonOptionCommon:alias");
}
.CBNavPaneButtonOptionSelectedHover:alias {
    -tr-rule-ref: selector(".CBButtonBarOptionSelectedHover:alias");
    -tr-rule-ref: selector(".CBNavPaneButtonOptionCommon:alias");
}
.CBNavPaneButtonOptionDisabled:alias {
    -tr-rule-ref: selector(".CBButtonBarOptionDisabled:alias");
    -tr-rule-ref: selector(".CBNavPaneButtonOptionCommon:alias");
}
.CBNavPaneButtonOptionDisabledHover:alias {
    -tr-rule-ref: selector(".CBButtonBarOptionDisabledHover:alias");
    -tr-rule-ref: selector(".CBNavPaneButtonOptionCommon:alias");
}
/* Inject CasaBlanca styles */
af|navigationPane::buttons-active-enabled af|navigationPane::buttons-content a {
    -tr-rule-ref: selector(".CBNavPaneButtonOptionSelected:alias");
}
af|navigationPane::buttons-inactive-enabled af|navigationPane::buttons-content a {
    -tr-rule-ref: selector(".CBNavPaneButtonOption:alias");
}
af|navigationPane::buttons-active-disabled af|navigationPane::buttons-content,
af|navigationPane::buttons-inactive-disabled af|navigationPane::buttons-content {
    -tr-rule-ref: selector(".CBNavPaneButtonOptionDisabled:alias");
}

/* Clear some legacy stuff */
af|navigationPane::buttons-separator {
    display: none;
}
af|navigationPane::buttons-content {
    padding: 0;
}
af|navigationPane::buttons-content img {
    display: none;
}


/* List style ------------------------------------------ */
/* CasaBlanca styles */
.CBNavPaneListOptionCommon:alias {
}
.CBNavPaneListOption:alias {
    -tr-rule-ref: selector(".CBNavListOption:alias");
    -tr-rule-ref: selector(".CBNavPaneListOptionCommon:alias");
}
.CBNavPaneListOptionHover:alias {
    -tr-rule-ref: selector(".CBNavListOptionHover:alias");
    -tr-rule-ref: selector(".CBNavPaneListOptionCommon:alias");
}
.CBNavPaneListOptionSelected:alias {
    -tr-rule-ref: selector(".CBNavListOptionSelected:alias");
    -tr-rule-ref: selector(".CBNavPaneListOptionCommon:alias");
}
.CBNavPaneListOptionSelectedHover:alias {
    -tr-rule-ref: selector(".CBNavListOptionSelectedHover:alias");
    -tr-rule-ref: selector(".CBNavPaneListOptionCommon:alias");
}
.CBNavPaneListListOptionDisabled:alias {
    -tr-rule-ref: selector(".CBNavListOptionDisabled:alias");
    -tr-rule-ref: selector(".CBNavPaneListOptionCommon:alias");
}
.CBNavPaneListListOptionDisabledHover:alias {
    -tr-rule-ref: selector(".CBNavListOptionDisabledHover:alias");
    -tr-rule-ref: selector(".CBNavPaneListOptionCommon:alias");
}
/* Inject CasaBlanca styles */
af|navigationPane::list-active-enabled af|navigationPane::list-content a {
    -tr-rule-ref: selector(".CBNavPaneListOptionSelected:alias");
}

@agent ie and (version: 5), ie and (version: 6), ie and (version: 7), ie and (version: 8){
    af|navigationPane::list-inactive-enabled,
    af|navigationPane::list-active-enabled,
    af|navigationPane::list-active-disabled,
    af|navigationPane::list-inactive-disabled {
        width: 100%;
    }
}

af|navigationPane::list-inactive-enabled af|navigationPane::list-content a {
    -tr-rule-ref: selector(".CBNavPaneListOption:alias");
}
af|navigationPane::list-active-disabled af|navigationPane::list-content,
af|navigationPane::list-inactive-disabled af|navigationPane::list-content {
    -tr-rule-ref: selector(".CBNavPaneListListOptionDisabled:alias");
}

/* Clear some legacy stuff */
af|navigationPane::list-content {
    padding: 0;
}
af|navigationPane::list-content img {
    display: none;
}
af|navigationPane::list-active-enabled,
af|navigationPane::list-active-enabled tbody,
af|navigationPane::list-active-enabled tr,
af|navigationPane::list-active-enabled td,
af|navigationPane::list-active-disabled,
af|navigationPane::list-active-disabled tbody,
af|navigationPane::list-active-disabled tr,
af|navigationPane::list-active-disabled td,
af|navigationPane::list-inactive-enabled,
af|navigationPane::list-inactive-enabled tbody,
af|navigationPane::list-inactive-enabled tr,
af|navigationPane::list-inactive-enabled td,
af|navigationPane::list-inactive-disabled,
af|navigationPane::list-inactive-disabled tbody,
af|navigationPane::list-inactive-disabled tr,
af|navigationPane::list-inactive-disabled td {
    display: block;
    -tr-rule-ref: selector(".ie6BlockBahaviour");
}
tbody tr af|navigationPane::list-bullet {
    display: none ! important;
}

/* Choice style ---------------------------------------- */
/* CasaBlanca styles */
.CBNavPaneChoiceButtonCommon:alias {
    padding: 4px 8px;
    display: inline;
    -tr-rule-ref: selector(".CBRoundedAllCornersLook:alias");
}
.CBNavPaneChoiceButton:alias {
    -tr-rule-ref: selector(".CBButton:alias");
    -tr-rule-ref: selector(".CBNavPaneChoiceButtonCommon:alias");
}
.CBNavPaneChoiceButtonHover:alias {
    -tr-rule-ref: selector(".CBButtonHover:alias");
    -tr-rule-ref: selector(".CBNavPaneChoiceButtonCommon:alias");
}
.CBNavPaneChoiceBox:alias {
    -tr-rule-ref: selector(".CBChoiceChoiceBox:alias");
}
.CBNavPaneChoiceOptionText:alias {
    -tr-rule-ref: selector(".CBChoiceOptionText:alias");    
}
/* Inject CasaBlanca styles */
af|navigationPane::choice-options {
    -tr-rule-ref: selector(".CBNavPaneChoiceBox:alias");
}
af|navigationPane::choice-options option {
    -tr-rule-ref: selector(".CBNavPaneChoiceOptionText:alias");  
}
af|navigationPane af|navigationPane::choice-button {
    -tr-rule-ref: selector(".CBNavPaneChoiceButton:alias");
}

/* Tabs style --------------------------------------------*/
.CBNavPane:alias {
    -tr-rule-ref: selector(".CBTabsHeads:alias");
}
.CBNavPaneTabsCommon:alias {
}
.CBNavPaneTabs:alias {
    -tr-rule-ref: selector(".CBTabHeadTop:alias");
    -tr-rule-ref: selector(".CBNavPaneTabsCommon:alias");
}
.CBNavPaneTabsHover:alias {
    -tr-rule-ref: selector(".CBTabHeadTopHover:alias");
    -tr-rule-ref: selector(".CBNavPaneTabsCommon:alias");
}
.CBNavPaneTabsSelected:alias {
    -tr-rule-ref: selector(".CBTabHeadTopSelected:alias");
    -tr-rule-ref: selector(".CBNavPaneTabsCommon:alias");
}
.CBNavPaneTabsSelectedHover:alias {
    -tr-rule-ref: selector(".CBTabHeadSelectedTopHover:alias");
    -tr-rule-ref: selector(".CBNavPaneTabsCommon:alias");
}
.CBNavPaneTabsDisabled:alias {
    -tr-rule-ref: selector(".CBTabHeadTopDisabled:alias");
    -tr-rule-ref: selector(".CBNavPaneTabsCommon:alias");
}
.CBNavPaneTabsDisabledHover:alias {
    -tr-rule-ref: selector(".CBTabHeadDisabledTopHover:alias");
    -tr-rule-ref: selector(".CBNavPaneTabsCommon:alias");
}

/* Clear some legacy stuff */
af|navigationPane::tabs af|navigationPane::tabs-mid {
    background: none;
    padding: 0;
}
af|navigationPane::tabs af|navigationPane::tabs-start,
af|navigationPane::tabs af|navigationPane::tabs-end,
af|navigationPane::tabs af|navigationPane::tabs-start-join,
af|navigationPane::tabs af|navigationPane::tabs-start-join-from-inactive,
af|navigationPane::tabs af|navigationPane::tabs-start-join-from-active,
af|navigationPane::tabs af|navigationPane::tabs-end-join-to-inactive,
af|navigationPane::tabs af|navigationPane::tabs-bottom-start,
af|navigationPane::tabs af|navigationPane::tabs-bottom-mid,
af|navigationPane::tabs af|navigationPane::tabs-bottom-end,
af|navigationPane::tabs af|navigationPane::tabs-bottom-start-content,
af|navigationPane::tabs af|navigationPane::tabs-bottom-mid-content,
af|navigationPane::tabs af|navigationPane::tabs-bottom-end-content {
    -tr-rule-ref: selector(".ie6BlockBahaviour");
    width: 0;
    height: 0;
    display: none;
}

/* Inject CasaBlanca styles */
af|navigationPane::tabs {
    -tr-rule-ref: selector(".CBNavPane:alias");
}
af|navigationPane::tabs-inactive af|navigationPane::tabs-mid a {
    -tr-rule-ref: selector(".CBNavPaneTabs:alias");
}
@agent (touchScreen:none) {
  af|navigationPane::tabs-inactive af|navigationPane::tabs-mid a:hover {
      -tr-rule-ref: selector(".CBNavPaneTabsHover:alias");
  }
  af|navigationPane::tabs-active af|navigationPane::tabs-mid a:hover {
      -tr-rule-ref: selector(".CBNavPaneTabsSelectedHover:alias");
  }
  af|navigationPane::tabs .p_AFDisabled af|navigationPane::tabs-mid:hover {
      -tr-rule-ref: selector(".CBNavPaneTabsDisabledHover:alias");
  }
}
af|navigationPane::tabs-active af|navigationPane::tabs-mid a {
    -tr-rule-ref: selector(".CBNavPaneTabsSelected:alias");
}
af|navigationPane::tabs .p_AFDisabled af|navigationPane::tabs-mid {
    -tr-rule-ref: selector(".CBNavPaneTabsDisabled:alias");
}

/* Navigation Tree component -----------------------------------------------------------------------------------------*/
/* Also valable for the tree component because the lack of CSS class hooks */
/* CasaBlanca styles */
.CBNavigationTreeDiscloseIconStyle:alias {
    -tr-rule-ref: selector(".CBTreeDiscloseIconStyle:alias");
}
.CBNavigationTreeLinkCommon:alias {
}
.CBNavigationTreeLink:alias {
    -tr-rule-ref: selector(".CBTreeLink:alias");
}
.CBNavigationTreeLinkHover:alias {
    -tr-rule-ref: selector(".CBTreeLinkHover:alias");
}
.CBNavigationTreeExpandCollapseItem:alias {
    -tr-rule-ref: selector(".CBTreeLink:alias");
}
.CBNavigationTreeExpandCollapseItemHover:alias {
    -tr-rule-ref: selector(".CBTreeLinkHover:alias");
    text-decoration: none;
}
.CBNavigationTreeLinkDisabled:alias {
    -tr-rule-ref: selector(".CBTreeLinkDisabled:alias");
}
.CBNavigationTreeLinkDisabledHover:alias {
    -tr-rule-ref: selector(".CBTreeLinkDisabledHover:alias");
}
/* Inject CasaBlanca styles */
.p_OraTreeRow a:link,
.p_OraTreeRow a:active,
.p_OraTreeRow a:visited,
.p_OraTreeRowSelected a,
.p_OraTreeRowSelected a:link,
.p_OraTreeRowSelected a:active,
.p_OraTreeRowSelected a:visited {
    -tr-rule-ref: selector(".CBNavigationTreeLink:alias");
}
@agent (touchScreen:none) {
  .p_OraTreeRow a:hover,
  .p_OraTreeRow a:link:hover,
  .p_OraTreeRow a:active:hover,
  .p_OraTreeRow a:visited:hover,
  .p_OraTreeRowSelected a:hover,
  .p_OraTreeRowSelected a:link:hover,
  .p_OraTreeRowSelected a:active:hover,
  .p_OraTreeRowSelected a:visited:hover,
  .p_OraTreeRow a.OraLink:hover,
  .p_OraTreeRowSelected a.OraLink:hover {
      -tr-rule-ref: selector(".CBNavigationTreeLinkHover:alias");
  }
  .p_OraTreeDisclosedSymbol a:hover,
  .p_OraTreeDisclosedSymbol a:link:hover,
  .p_OraTreeDisclosedSymbol a:active:hover,
  .p_OraTreeDisclosedSymbol a:visited:hover,
  .p_OraTreeDisclosedSymbol a.OraLink:hover {
      -tr-rule-ref: selector(".CBNavigationTreeExpandCollapseItemHover:alias");
  }
  .p_OraTreeDisclosedSymbol .OraLinkDisabled:hover,
  .p_OraTreeRow .OraLinkDisabled:hover,
  .p_OraTreeRowSelected .OraLinkDisabled:hover {
      -tr-rule-ref: selector(".CBNavigationTreeLinkDisabledHover:alias") ;
  }
}
.p_OraTreeDisclosedSymbol a,
.p_OraTreeDisclosedSymbol a:link,
.p_OraTreeDisclosedSymbol a:active,
.p_OraTreeDisclosedSymbol a:visited {
    -tr-rule-ref: selector(".CBNavigationTreeExpandCollapseItem:alias");
}
.p_OraTreeDisclosedSymbol .OraLinkDisabled,
.p_OraTreeRow .OraLinkDisabled,
.p_OraTreeRowSelected .OraLinkDisabled {
    -tr-rule-ref: selector(".CBNavigationTreeLinkDisabled:alias") ;
}

/* Output Document componnet ---------------------------------------------------------------------------------------- */
/* CasaBlanca styles */
.CBDocumentTitle:alias {
    -tr-rule-ref: selector(".CBHeaderLevel1Look:alias");
}
.CBDocumentParagraph:alias {
    text-align: left;
}
.CBDocumentHeaderLevel1:alias {
    -tr-rule-ref: selector(".CBHeaderLevel2Look:alias");
}
.CBDocumentHeaderLevel2:alias {
    -tr-rule-ref: selector(".CBHeaderLevel3Look:alias");
}
.CBDocumentHeaderLevel3:alias {
    -tr-rule-ref: selector(".CBHeaderLevel4Look:alias");
}
.CBDocumentNormalText:alias {
    -tr-rule-ref: selector(".CBDefaultFontLook:alias");
    -tr-rule-ref: selector(".CBParagraphLineHeight:alias");
}
/* Inject CasaBlanca styles */
af|outputDocument {
    -tr-rule-ref: selector(".CBDocumentNormalText:alias");
}
af|outputDocument af|outputDocument::title {
    -tr-rule-ref: selector(".CBDocumentTitle:alias");
}
af|outputDocument::paragraph {
    -tr-rule-ref: selector(".CBDocumentParagraph:alias");
}

/* Output Label component ------------------------------------------------------------------------------------------- */
/* CasaBlanca styles */
.CBOutputLabel:alias {
    -tr-rule-ref: selector(".CBLabel:alias");
}
/* Inject CasaBlanca styles */
af|outputLabel label {
    -tr-rule-ref: selector(".CBOutputLabel:alias");
}

/* Output Formated component ---------------------------------------------------------------------------------------- */
/* Not necesary for the moment */

/* Output Text component -------------------------------------------------------------------------------------------- */
/* Not necesary for the moment */

/* Panel Accordion component ---------------------------------------------------------------------------------------- */
/* CasaBlanca styles */
.CBAccordionPanelHeadCommon:alias {
}
.CBAccordionPanelHead:alias {
    -tr-rule-ref: selector(".CBAccordionHead:alias");
    -tr-rule-ref: selector(".CBAccordionPanelHeadCommon:alias");
}
.CBAccordionPanelHeadHover:alias {
    -tr-rule-ref: selector(".CBAccordionHeadHover:alias");
    -tr-rule-ref: selector(".CBAccordionPanelHeadCommon:alias");
}
.CBAccordionPanelHeadSelected:alias {
    -tr-rule-ref: selector(".CBAccordionHeadSelected:alias");
    -tr-rule-ref: selector(".CBAccordionPanelHeadCommon:alias");
}
.CBAccordionPanelHeadSelectedHover:alias {
    -tr-rule-ref: selector(".CBAccordionHeadSelectedHover:alias");
    -tr-rule-ref: selector(".CBAccordionPanelHeadCommon:alias");
}
.CBAccordionPanelHeadDisabled:alias {
    -tr-rule-ref: selector(".CBAccordionHeadDisabled:alias");
    -tr-rule-ref: selector(".CBAccordionPanelHeadCommon:alias");
}
.CBAccordionPanelHeadDisabledHover:alias {
    -tr-rule-ref: selector(".CBAccordionHeadDisabledHover:alias");
    -tr-rule-ref: selector(".CBAccordionPanelHeadCommon:alias");
}
.CBAccordionPanelBody:alias {
    -tr-rule-ref: selector(".CBAccordionBody:alias");
}
/* Inject CasaBlanca styles */
af|panelAccordion {
}
af|panelAccordion::header-collapsed, af|panelAccordion::header-expanded, af|panelAccordion::header-disabled {
    height: auto;
    width: 100%;
}
af|panelAccordion::title-link {
    padding-left: 20px;
}
af|panelAccordion::title-link .p_OraHideShowDisclosedSymbol {
    margin-right: 5px;
    margin-top: -3px;
}
af|panelAccordion::header-collapsed af|panelAccordion::title-link {
    -tr-rule-ref: selector(".CBAccordionPanelHead:alias");
}
af|panelAccordion::header-collapsed af|panelAccordion::title-link .p_OraHideShowDisclosedSymbol {
    -tr-rule-ref: selector(".CBIconLook:alias");
    -tr-rule-ref: selector(".CBIconArrowDown:alias");
}
@agent (touchScreen:none) {
  af|panelAccordion::header-collapsed af|panelAccordion::title-link:hover {
      -tr-rule-ref: selector(".CBAccordionPanelHeadHover:alias");
  }
  af|panelAccordion::header-collapsed af|panelAccordion::title-link:hover .p_OraHideShowDisclosedSymbol {
      -tr-rule-ref: selector(".CBIconLookHover:alias");
      -tr-rule-ref: selector(".CBIconArrowDown:alias");
  }
  af|panelAccordion::header-expanded af|panelAccordion::title-link:hover .p_OraHideShowDisclosedSymbol {
      -tr-rule-ref: selector(".CBIconLookSelectedHover:alias");
      -tr-rule-ref: selector(".CBIconArrowUp:alias");
  }
  af|panelAccordion::header-expanded af|panelAccordion::title-link:hover {
      -tr-rule-ref: selector(".CBAccordionPanelHeadSelectedHover:alias");
      margin-bottom: 0;
  }
  af|panelAccordion::header-disabled af|panelAccordion::title-disabled-link:hover {
      -tr-rule-ref: selector(".CBAccordionPanelHeadDisabledHover:alias");
  }
}
af|panelAccordion::header-expanded af|panelAccordion::title-link {
    -tr-rule-ref: selector(".CBAccordionPanelHeadSelected:alias");
    margin-bottom: 0;
}
af|panelAccordion::header-expanded af|panelAccordion::title-link .p_OraHideShowDisclosedSymbol {
    -tr-rule-ref: selector(".CBIconLookSelected:alias");
    -tr-rule-ref: selector(".CBIconArrowUp:alias");
}
af|panelAccordion::header-disabled af|panelAccordion::title-disabled-link {
    -tr-rule-ref: selector(".CBAccordionPanelHeadDisabled:alias");
}
af|panelAccordion::content {
    -tr-rule-ref: selector(".CBAccordionPanelBody:alias");
}
af|panelAccordion::content af|panelFormLayout::label-cell {
}
af|panelAccordion::content af|panelHeader::level-one {
}

/* Panel Border Layout component ------------------------------------------------------------------------------------ */
/* Not applicable yet */

/* Panel Box component ---------------------------------------------------------------------------------------------- */
/* CasaBlanca styles */
.CBPanelBoxHeadCommon:alias {
    width: auto;
}
.CBPanelBoxHead:alias {
    -tr-rule-ref: selector(".CBPanelHead:alias");
    -tr-rule-ref: selector(".CBPanelBoxHeadCommon:alias");
    -tr-rule-ref: selector(".CBRoundedTopCornersLook:alias");
}
.CBPanelBoxBodyCommon:alias {
}
.CBPanelBoxBody:alias {
    -tr-rule-ref: selector(".CBPanelBodyEmbossed:alias");
    -tr-rule-ref: selector(".CBPanelBoxBodyCommon:alias");
}
/* Clear some legacy stuff */
af|panelBox::light af|panelBox::body {
    background: none;    
}
af|panelBox::body af|panelBox::header img {
    display: none;
    width: 0;
    height: 0;
}
/* Inject CasaBlanca styles */
af|panelBox::light af|panelBox::body af|panelBox::header {
    -tr-rule-ref: selector(".CBPanelBoxHead:alias");
}
af|panelBox::light af|panelBox::body af|panelBox::content {
    -tr-rule-ref: selector(".CBPanelBoxBody:alias");
}

/* Panel Button Bar component --------------------------------------------------------------------------------------- */
/* CasaBlanca styles */
.CBPanelButtonBarButtonCommon:alias {
    padding: 6px 11px;    
}
.CBPanelButtonBarButton:alias {
    -tr-rule-ref: selector(".CBButtonBarOption:alias");
    -tr-rule-ref: selector(".CBPanelButtonBarButtonCommon:alias");
}
.CBPanelButtonBarButtonHover:alias {
    -tr-rule-ref: selector(".CBButtonBarOptionHover:alias");
    -tr-rule-ref: selector(".CBPanelButtonBarButtonCommon:alias");
}
.CBPanelButtonBarButtonDisabled:alias {
    -tr-rule-ref: selector(".CBButtonBarOptionDisabled:alias");
    -tr-rule-ref: selector(".CBPanelButtonBarButtonCommon:alias");
}
.CBPanelButtonBarButtonDisabledHover:alias {
    -tr-rule-ref: selector(".CBButtonBarOptionDisabledHover:alias");
    -tr-rule-ref: selector(".CBPanelButtonBarButtonCommon:alias");
}
.CBPanelButtonBarLabel:alias {
    -tr-rule-ref: selector(".CBButtonBarLabel:alias");
}
/* Clear some legacy stuff */
af|panelButtonBar td img {
    -tr-rule-ref: selector(".ie6BlockBahaviour");
    width: 0;
    height: 0;
    display: none;    
}
/* Inject CasaBlanca styles */
af|panelButtonBar af|commandButton {
    -tr-rule-ref: selector(".CBPanelButtonBarButton:alias");
}
@agent (touchScreen:none) {
  af|panelButtonBar af|commandButton:hover {
      -tr-rule-ref: selector(".CBPanelButtonBarButtonHover:alias");
  }
  af|panelTabbed::orientation-top af|panelTabbed::tab a:hover {
      -tr-rule-ref: selector(".CBPanelTabTopHover:alias");
  }
  af|panelTabbed::orientation-top af|panelTabbed::tab-selected a:hover {
      -tr-rule-ref: selector(".CBPanelTabTopSelectedHover:alias");
  }
  af|panelTabbed::orientation-top af|panelTabbed::tab a.p_OraDisabled:hover {
      -tr-rule-ref: selector(".CBPanelTabTopDisabledHover:alias");
  }
  af|panelTabbed::orientation-bottom af|panelTabbed::tab-selected a:hover {
      -tr-rule-ref: selector(".CBPanelTabBottomSelectedHover:alias");
  }
  af|panelTabbed::orientation-bottom af|panelTabbed::tab a:hover {
      -tr-rule-ref: selector(".CBPanelTabBottomHover:alias");
  }
  af|panelTabbed::orientation-bottom af|panelTabbed::tab a.p_OraDisabled:hover {
      -tr-rule-ref: selector(".CBPanelTabBottomDisabledHover:alias");
  }
}
af|panelButtonBar af|singleStepButtonBar::label {
    -tr-rule-ref: selector(".CBPanelButtonBarLabel:alias");
}

/* Panel CaptionGroup component ------------------------------------------------------------------------------------- */
/* CasaBlanca styles */
.CBPanelCaptinonGroup {
    -tr-rule-ref: selector(".CBControlsGroup:alias");
}
.CBPanelCaptinonGroupCaption {
    -tr-rule-ref: selector(".CBDefaultStrongFontLook:alias");
}
/* Inject CasaBlanca styles */
af|panelCaptionGroup {
    -tr-rule-ref: selector(".CBPanelCaptinonGroup");
}
af|panelCaptionGroup af|panelCaptionGroup::caption {
    -tr-rule-ref: selector(".CBControlsGroupLabel:alias");
}

/* Panel Choice component ------------------------------------------------------------------------------------------- */
/* Not applicable yet */
/* Panel Form Layout component -------------------------------------------------------------------------------------- */
/* Not applicable yet */
/* Panel Group Layout component ------------------------------------------------------------------------------------- */
/* Not applicable yet */

/* Panel Header component ------------------------------------------------------------------------------------------- */
/* CasaBlanca styles */
.CBPanelHeaderCommon:alias {
}
.CBHeaderNest:alias {
    margin: 0;
    padding: 10px 0 0;
}
.CBPanelHeaderLevel1:alias {
    -tr-rule-ref: selector(".CBHeaderLevel1Look:alias");
    -tr-rule-ref: selector(".CBPanelHeaderCommon:alias");
}
.CBPanelHeaderLevel2:alias {
    -tr-rule-ref: selector(".CBHeaderLevel2Look:alias");
    -tr-rule-ref: selector(".CBPanelHeaderCommon:alias");
}
.CBPanelHeaderLevel3:alias {
    -tr-rule-ref: selector(".CBHeaderLevel3Look:alias");
    -tr-rule-ref: selector(".CBPanelHeaderCommon:alias");
}
.CBPanelHeaderLevel4:alias {
    -tr-rule-ref: selector(".CBHeaderLevel4Look:alias");
    -tr-rule-ref: selector(".CBPanelHeaderCommon:alias");
}
.CBPanelHeaderLevel5:alias {
    -tr-rule-ref: selector(".CBHeaderLevel5Look:alias");
    -tr-rule-ref: selector(".CBPanelHeaderCommon:alias");
}
.CBPanelHeaderLevel6:alias {
    -tr-rule-ref: selector(".CBHeaderLevel6Look:alias");
    -tr-rule-ref: selector(".CBPanelHeaderCommon:alias");
}
/* Inject CasaBlanca styles */
.p_OraHeaderNest {
    -tr-rule-ref: selector(".CBHeaderNest:alias");    
}
af|panelHeader::level-one {
    -tr-rule-ref: selector(".CBPanelHeaderLevel1:alias");
}
af|panelHeader::level-two {
    -tr-rule-ref: selector(".CBPanelHeaderLevel2:alias");
}
af|panelHeader::level-three {
    -tr-rule-ref: selector(".CBPanelHeaderLevel3:alias");
}
af|panelHeader::level-four {
    -tr-rule-ref: selector(".CBPanelHeaderLevel4:alias");
}
af|panelHeader::level-five {
    -tr-rule-ref: selector(".CBPanelHeaderLevel5:alias");
}
af|panelHeader::level-six {
    -tr-rule-ref: selector(".CBPanelHeaderLevel6:alias");
}

/* Panel Horizontal Layout component -------------------------------------------------------------------------------- */
/* Not applicable yet */

/* Panel Label and Message component -------------------------------------------------------------------------------- */
/* Not applicable yet */

/* Panel List component --------------------------------------------------------------------------------------------- */
.CBPanelListBorder:alias {
}
.CBPanelListList:alias {
    margin: 4px 0;
}
af|panelList {
    -tr-rule-ref: selector(".CBPanelListBorder:alias");    
}
af|panelList ul {
    -tr-rule-ref: selector(".CBPanelListList:alias");
}

/* Panel Page component --------------------------------------------------------------------------------------------- */
/* Not applicable yet */

/* Page TopBar component -------------------------------------------------------------------------------------------- */
.CBTopTopBar:alias {
    -tr-rule-ref: selector(".CBTopBar:alias");
}
.p_OraQuickSearchBox {
    -tr-rule-ref: selector(".CBTopTopBar:alias");
}
af|menuBar::empty {
    display: none;
}

/* Panel Popup component -------------------------------------------------------------------------------------------- */
/* CasaBlanca styles */
.CBPanelPopUpBodyCommon:alias {
}
.CBPanelPopUpBody:alias {
    -tr-rule-ref: selector(".CBPanelAccented:alias");
    -tr-rule-ref: selector(".CBPanelPopUpBodyCommon:alias");
}
/* Inject CasaBlanca styles */
af|panelPopup::container {
    -tr-rule-ref: selector(".CBPanelPopUpBody:alias");
}
af|panelPopup::container af|panelPopup::content {
    background: transparent;
}

/* Panel Radio component -------------------------------------------------------------------------------------------- */
/* CasaBlanca styles */
.CBPanelSidebar:alias {
    -tr-rule-ref: selector(".CBPanelAccented:alias");  
}
.CBPanelSidebarBody:alias {
    background: none;
}
/* Inject CasaBlanca styles */
af|panelSideBar {
    -tr-rule-ref: selector(".CBPanelSidebar:alias");
}
af|panelSideBar::body {
    -tr-rule-ref: selector(".CBPanelSidebarBody:alias");
}

/* Panel Tabbed component ------------------------------------------------------------------------------------------- */
/* CasaBlanca styles */
.CBPanelTabTopCommon:alias {
}
.CBPanelTabBottomCommon:alias {
}
.CBPanelTabTop:alias {
    -tr-rule-ref: selector(".CBTabHeadTop:alias");
    -tr-rule-ref: selector(".CBPanelTabTopCommon:alias");
}
.CBPanelTabTopHover:alias {
    -tr-rule-ref: selector(".CBTabHeadTopHover:alias");
    -tr-rule-ref: selector(".CBPanelTabTopCommon:alias");
}
.CBPanelTabTopSelected:alias {
    -tr-rule-ref: selector(".CBTabHeadTopSelected:alias");
    -tr-rule-ref: selector(".CBPanelTabTopCommon:alias");
}
.CBPanelTabTopSelectedHover:alias {
    -tr-rule-ref: selector(".CBTabHeadSelectedTopHover:alias");
    -tr-rule-ref: selector(".CBPanelTabTopCommon:alias");
}
.CBPanelTabTopDisabled:alias {
    -tr-rule-ref: selector(".CBTabHeadTopDisabled:alias");
    -tr-rule-ref: selector(".CBPanelTabTopCommon:alias");
}
.CBPanelTabTopDisabledHover:alias {
    -tr-rule-ref: selector(".CBTabHeadDisabledTopHover:alias");
    -tr-rule-ref: selector(".CBPanelTabTopCommon:alias");
}
.CBPanelTabBottom:alias {
    -tr-rule-ref: selector(".CBTabHeadBottom:alias");
    -tr-rule-ref: selector(".CBPanelTabBottomCommon:alias");
}
.CBPanelTabBottomHover:alias {
    -tr-rule-ref: selector(".CBTabHeadBottomHover:alias");
    -tr-rule-ref: selector(".CBPanelTabBottomCommon:alias");
}
.CBPanelTabBottomSelected:alias {
    -tr-rule-ref: selector(".CBTabHeadBottomSelected:alias");
    -tr-rule-ref: selector(".CBPanelTabBottomCommon:alias");
}
.CBPanelTabBottomSelectedHover:alias {
    -tr-rule-ref: selector(".CBTabHeadBottomSelectedHover:alias");
    -tr-rule-ref: selector(".CBPanelTabBottomCommon:alias");
}
.CBPanelTabBottomDisabled:alias {
    -tr-rule-ref: selector(".CBTabHeadBottomDisabled:alias");
    -tr-rule-ref: selector(".CBPanelTabBottomCommon:alias");
}
.CBPanelTabBottomDisabledHover:alias {
    -tr-rule-ref: selector(".CBTabHeadBottomDisabledHover:alias");
    -tr-rule-ref: selector(".CBPanelTabBottomCommon:alias");
}
.CBPanelTabBody:alias {
    -tr-rule-ref: selector(".CBPanelBodySelected:alias");
    -tr-rule-ref: selector(".CBClearRoundCornersLook:alias");
    -tr-rule-ref: selector(".CBRoundedRightCornersLook:alias");
    width: auto;
    border-width: 1px;
    margin-bottom: 0;
}
/* Clear some legacy stuff */
af|panelTabbed::cell-start,
af|panelTabbed::separator,
af|panelTabbed::separator-before-selected,
af|panelTabbed::separator-before-selected {
    display: none;
}
/* Inject CasaBlanca styles */
af|panelTabbed::orientation-top af|panelTabbed::tab, af|panelTabbed::tab-selected {
    padding: 0 1px 0 0;    
}
af|panelTabbed::orientation-top af|panelTabbed::tab a {
    -tr-rule-ref: selector(".CBPanelTabTop:alias");
}
af|panelTabbed::orientation-top af|panelTabbed::tab-selected a {
    -tr-rule-ref: selector(".CBPanelTabTopSelected:alias");
}
af|panelTabbed::orientation-top af|panelTabbed::tab a.p_OraDisabled {
    -tr-rule-ref: selector(".CBPanelTabTopDisabled:alias");
}
af|panelTabbed::orientation-bottom af|panelTabbed::tab, af|panelTabbed::tab-selected {
    padding: 0 1px 0 0;
}
af|panelTabbed::orientation-bottom af|panelTabbed::tab a {
    -tr-rule-ref: selector(".CBPanelTabBottom:alias");
}
af|panelTabbed::orientation-bottom af|panelTabbed::tab-selected a {
    -tr-rule-ref: selector(".CBPanelTabBottomSelected:alias");
}
af|panelTabbed::orientation-bottom af|panelTabbed::tab a.p_OraDisabled {
    -tr-rule-ref: selector(".CBPanelTabBottomDisabled:alias");
}
af|panelTabbed::body {
    -tr-rule-ref: selector(".CBPanelTabBody:alias");
}

/* Panel Tip component ---------------------------------------------------------------------------------------------- */
/* CasaBlanca styles */
.CBPanelTipLabel:alias {
}
.CBPanelTipContent:alias {
}
/* Inject CasaBlanca styles */
af|panelTip::label {
    -tr-rule-ref: selector(".CBPanelTipLabel:alias");
}
af|panelTip::content {
    -tr-rule-ref: selector(".CBPanelTipContent:alias");
}

/* Process Choicebar component -------------------------------------------------------------------------------------- */
/* No any specific overwriting for the moment */

/* Progress Indicator component ------------------------------------------------------------------------------------- */
/* CasaBlanca styles */
.CBProgressIndicator:alias {
   -tr-rule-ref: selector(".CBTextCellRaisedLook:alias");
   -tr-rule-ref: selector(".CBRoundedAllCornersLook:alias");
   padding: 2px 15px;
}
/* Inject CasaBlanca styles */
.p_OraProcessingStatus {
   -tr-rule-ref: selector(".CBProgressIndicator:alias");
}

/* Reset Button component ------------------------------------------------------------------------------------------- */
/* CasaBlanca styles */
.CBResetButton:alias {
   -tr-rule-ref: selector(".CBButton:alias");
}
.CBResetButtonHover:alias {
   -tr-rule-ref: selector(".CBButtonHover:alias");
}
.CBResetButtonDisabled:alias {
}
.CBResetButtonDisabledHover:alias {
}
/* Inject CasaBlanca styles */
af|resetButton {
   -tr-rule-ref: selector(".CBResetButton:alias");
}
@agent (touchScreen:none) {
  af|resetButton:hover {
     -tr-rule-ref: selector(".CBResetButtonHover:alias");
  }
}
/* Select Boolean CheckBox component -------------------------------------------------------------------------------- */
/* CasaBlanca styles */
.CBSelectBooleanCheckBox:alias {
    -tr-rule-ref: selector(".CBCheckBox:alias");
}
.CBSelectBooleanCheckBoxMainLabel:alias {
    -tr-rule-ref: selector(".CBCheckBoxMainLabel:alias");
}
.CBSelectBooleanChechBoxCheckLabel:alias {
    -tr-rule-ref: selector(".CBChechBoxCheckLabel:alias");
}
/* Inject CasaBlanca styles */
af|selectBooleanCheckbox {
    -tr-rule-ref: selector(".CBSelectBooleanCheckBox:alias");
}
af|selectBooleanCheckbox af|selectBooleanCheckbox::label {
    -tr-rule-ref: selector(".CBSelectBooleanCheckBoxMainLabel:alias");
}
af|selectBooleanCheckbox af|selectBooleanCheckbox::content label {
    -tr-rule-ref: selector(".CBSelectBooleanChechBoxCheckLabel:alias");
}

/* Select Boolean Radio component ----------------------------------------------------------------------------------- */
/* CasaBlanca styles */
.CBSelectBooleanRadio:alias {
    -tr-rule-ref: selector(".CBRadio:alias");
}
.CBSelectBooleanRadioMainLabel:alias {
    -tr-rule-ref: selector(".CBRadioMainLabel:alias");
}
.CBSelectBooleanRadioRadioLabel:alias {
    -tr-rule-ref: selector(".CBRadioRadioLabel:alias");
}
/* Inject CasaBlanca styles */
af|selectBooleanRadio {
    -tr-rule-ref: selector(".CBSelectBooleanRadio:alias");
}
af|selectBooleanRadio af|selectBooleanRadio::label {
    -tr-rule-ref: selector(".CBSelectBooleanRadioMainLabel:alias");
}
af|selectBooleanRadio af|selectBooleanRadio::content label {
    -tr-rule-ref: selector(".CBSelectBooleanRadioRadioLabel:alias");
}

/* Select Item component -------------------------------------------------------------------------------------------- */
/* CasaBlanca styles */
.CBSelectItem:alias {
    -tr-rule-ref: selector(".CBChoice:alias");    
}
.CBSelectItemLabel:alias {
    -tr-rule-ref: selector(".CBChoiceLabel:alias");
}
.CBSelectItemOptionText:alias {
    -tr-rule-ref: selector(".CBChoiceOptionText:alias");
}
.CBSelectItemChoiceBox:alias {
    -tr-rule-ref: selector(".CBChoiceChoiceBox:alias");    
}
.CBSelectItemChoiceBoxElementsSpacing:alias {
    -tr-rule-ref: selector(".CBFormVerticalSpacingLook:alias");
    display: block;
}
/* Inject CasaBlanca styles */
af|selectOneChoice {
    -tr-rule-ref: selector(".CBSelectItem:alias");
}
af|selectOneChoice af|selectOneChoice::label label {
    -tr-rule-ref: selector(".CBSelectItemLabel:alias");
}
af|selectOneChoice af|selectOneChoice::content option {
    -tr-rule-ref: selector(".CBSelectItemOptionText:alias");
}
af|selectOneChoice af|selectOneChoice::content {
    -tr-rule-ref: selector(".CBSelectItemChoiceBox:alias");
}
af|selectOneRadio af|selectOneRadio::content br {
    -tr-rule-ref: selector(".CBSelectItemChoiceBoxElementsSpacing:alias");       
}

/* Select Many CheckBox component ----------------------------------------------------------------------------------- */
/* CasaBlanca styles */
.CBSelectManyCheckBox:alias {
    -tr-rule-ref: selector(".CBCheckBox:alias");
}
.CBSelectManyCheckBoxMainLabel:alias {
    -tr-rule-ref: selector(".CBCheckBoxMainLabel:alias");
}
.CBSelectManyChechBoxCheckLabel:alias {
    -tr-rule-ref: selector(".CBChechBoxCheckLabel:alias");
}
/* Inject CasaBlanca styles */
af|selectManyCheckbox {
    -tr-rule-ref: selector(".CBSelectManyCheckBox:alias");
}
af|selectManyCheckbox af|selectManyCheckbox::label {
    -tr-rule-ref: selector(".CBSelectManyCheckBoxMainLabel:alias");
}
af|selectManyCheckbox af|selectManyCheckbox::content label {
    -tr-rule-ref: selector(".CBSelectManyChechBoxCheckLabel:alias");
}

/* Select Many ListBox ---------------------------------------------------------------------------------------------- */
/* CasaBlanca styles */
.CBSelectManyListBox:alias {
    -tr-rule-ref: selector(".CBListBox:alias");    
}
.CBSelectManyListBoxMainLabel:alias {
    -tr-rule-ref: selector(".CBListBoxMainLabel:alias");
}
.CBSelectManyListBoxOptionBox:alias {
    -tr-rule-ref: selector(".CBListBoxOptionBox:alias");
}
.CBSelectManyListBoxOptionText:alias {
    -tr-rule-ref: selector(".CBListBoxOptionText:alias");
}
/* Inject CasaBlanca styles */
af|selectManyListbox {
    -tr-rule-ref: selector(".CBSelectManyListBox:alias");
}
af|selectManyListbox af|selectManyListbox::label {
    -tr-rule-ref: selector(".CBSelectManyListBoxMainLabel:alias");
}
af|selectManyListbox af|selectManyListbox::content {
    -tr-rule-ref: selector(".CBSelectManyListBoxOptionBox:alias");
}
af|selectManyListbox af|selectManyListbox::content option {
    -tr-rule-ref: selector(".CBSelectManyListBoxOptionText:alias");
}

/* Select Many Shuttle ---------------------------------------------------------------------------------------------- */
/* CasaBlanca styles */
.CBSelectManyShuttle:alias {
    -tr-rule-ref: selector(".CBShuttle:alias");
}
.CBSelectManyShuttleButton:alias {
    -tr-rule-ref: selector(".CBShuttleButton:alias");
}
.CBSelectManyShuttleButtonHover:alias {
    -tr-rule-ref: selector(".CBShuttleButtonHover:alias");
}
.CBSelectManyShuttleListBox:alias {
    -tr-rule-ref: selector(".CBShuttleListBox:alias");
}
.CBSelectManyShuttleListBoxContainer:alias {
    -tr-rule-ref: selector(".CBShuttleListBoxContainer:alias");
}
.CBSelectManyShuttleButtonSpacer:alias {
    -tr-rule-ref: selector(".CBShuttleButtonSpacer:alias");
}
.CBSelectManyShuttleDisplayBox:alias {
    -tr-rule-ref: selector(".CBShuttleDisplayBox:alias");
}
.CBSelectManyShuttleLabel:alias {
    -tr-rule-ref: selector(".CBShuttleLabel:alias");
}
/* Clear some legacy stuff */
af|selectManyShuttle::box-content af|selectManyListbox::content option[value=""] {
    display: none;
}
/* Inject CasaBlanca styles */
af|selectManyShuttle a.OraLink {
    -tr-rule-ref: selector(".CBSelectManyShuttleButton:alias");
}
@agent (touchScreen:none) {
  af|selectManyShuttle a.OraLink:hover {
      -tr-rule-ref: selector(".CBSelectManyShuttleButtonHover:alias");
  }
}
af|selectManyShuttle::box-content af|selectManyListbox {
    -tr-rule-ref: selector(".CBSelectManyShuttleListBoxContainer:alias");
}
af|selectManyShuttle::box-content af|selectManyListbox::content {
    -tr-rule-ref: selector(".CBSelectManyShuttleListBox:alias");
}
af|selectManyShuttle div {
    -tr-rule-ref: selector(".CBSelectManyShuttleButtonSpacer:alias");
}
af|selectManyShuttle af|selectManyShuttle::box-content {
    -tr-rule-ref: selector(".CBSelectManyShuttleDisplayBox:alias");
}
af|selectManyShuttle .OraShuttleHeader {
   -tr-rule-ref: selector(".CBSelectManyShuttleLabel:alias");
}

/* Select One Choice ------------------------------------------------------------------------------------------------ */
/* CasaBlanca styles */
.CBSelectOneChoice:alias {
    -tr-rule-ref: selector(".CBChoice:alias");
}
.CBSelectOneChoiceLabel:alias {
    -tr-rule-ref: selector(".CBChoiceLabel:alias");
}
.CBSelectOneChoiceOptionText:alias {
    -tr-rule-ref: selector(".CBChoiceOptionText:alias");
}
/* Inject CasaBlanca styles */
af|selectOneChoice {
    -tr-rule-ref: selector(".CBSelectOneChoice:alias");
}
af|selectOneChoice af|selectOneChoice::label label {
    -tr-rule-ref: selector(".CBSelectOneChoiceLabel:alias");
}
af|selectOneChoice af|selectOneChoice::content, af|selectOneChoice af|selectOneChoice::content option {
    -tr-rule-ref: selector(".CBSelectOneChoiceOptionText:alias");
}

/* Select One ListBox ----------------------------------------------------------------------------------------------- */
/* CasaBlanca styles */
.CBSelectOneListBox:alias {
    -tr-rule-ref: selector(".CBListBox:alias");
}
.CBSelectOneListBoxLabel:alias {
    -tr-rule-ref: selector(".CBListBoxMainLabel:alias");
}
.CBSelectOneListBoxOptionBox:alias {
    -tr-rule-ref: selector(".CBListBoxOptionBox:alias");
}
.CBSelectOneListBoxOptionText:alias {
    -tr-rule-ref: selector(".CBListBoxOptionText:alias");
}
.CBSelectOneListBoxElementsSpacing:alias {
    -tr-rule-ref: selector(".CBFormVerticalSpacingLook:alias");
}
/* Inject CasaBlanca styles */
af|selectOneListbox {
    -tr-rule-ref: selector(".CBSelectOneListBox:alias");
}
af|selectOneListbox af|selectOneListbox::label label {
    -tr-rule-ref: selector(".CBSelectOneListBoxLabel:alias");
}
af|selectOneListbox af|selectOneListbox::content {
    -tr-rule-ref: selector(".CBSelectOneListBoxOptionBox:alias");
}
af|selectOneListbox af|selectOneListbox::content option {
    -tr-rule-ref: selector(".CBSelectOneListBoxOptionText:alias");
}

/* Select One Radio ------------------------------------------------------------------------------------------------- */
/* CasaBlanca styles */
.CBSelectOneRadio:alias {
    -tr-rule-ref: selector(".CBRadio:alias");
}
.CBSelectOneRadioMainLabel:alias {
    -tr-rule-ref: selector(".CBRadioMainLabel:alias");
}
.CBSelectOneRadioRadioLabel:alias {
    -tr-rule-ref: selector(".CBRadioRadioLabel:alias");
}
/* Inject CasaBlanca styles */
af|selectOneRadio {
    -tr-rule-ref: selector(".CBSelectOneRadio:alias");
}
af|selectOneRadio af|selectOneRadio::label {
    -tr-rule-ref: selector(".CBSelectOneRadioMainLabel:alias");
}
af|selectOneRadio af|selectOneRadio::content label {
   -tr-rule-ref: selector(".CBSelectOneRadioRadioLabel:alias");
}

/* Select Order Shuttle --------------------------------------------------------------------------------------------- */
/* Inject CasaBlanca styles */
.CBSelectOrderShuttle:alias {
    -tr-rule-ref: selector(".CBShuttle:alias");
}
.CBSelectOrderShuttleButton:alias {
    -tr-rule-ref: selector(".CBShuttleButton:alias");
}
.CBSelectOrderShuttleButtonHover:alias {
    -tr-rule-ref: selector(".CBShuttleButtonHover:alias");
}
.CBSelectOrderShuttleListBox:alias {
    -tr-rule-ref: selector(".CBShuttleListBox:alias");
}
.CBSelectOrderShuttleListBoxContainer:alias {
    -tr-rule-ref: selector(".CBShuttleListBoxContainer:alias");
}
.CBSelectOrderShuttleButtonSpacer:alias {
    -tr-rule-ref: selector(".CBShuttleButtonSpacer:alias");
}
.CBSelectOrderShuttleDisplayBox:alias {
    -tr-rule-ref: selector(".CBShuttleDisplayBox:alias");
}
.CBSelectOrderShuttleLabel:alias {
    -tr-rule-ref: selector(".CBShuttleLabel:alias");
}
/* Clear some legacy stuff */
af|selectOrderShuttle::box-content af|selectManyListbox::content option[value=""] {
    display: none;
}
/* Inject CasaBlanca styles */
af|selectOrderShuttle::box-content a {
    -tr-rule-ref: selector(".CBSelectOrderShuttleButton:alias");
}
@agent (touchScreen:none) {
  af|selectOrderShuttle::box-content a:hover {
      -tr-rule-ref: selector(".CBSelectOrderShuttleButtonHover:alias");
  }
}
af|selectOrderShuttle::box-content af|selectManyListbox {
    -tr-rule-ref: selector(".CBSelectOrderShuttleListBoxContainer:alias");
}
af|selectOrderShuttle::box-content af|selectManyListbox::content {
    -tr-rule-ref: selector(".CBSelectOrderShuttleListBox:alias");
}
af|selectOrderShuttle::box-content br, af|selectOrderShuttle::box-content img {
    -tr-rule-ref: selector(".CBSelectOrderShuttleButtonSpacer:alias");
}
af|selectManyShuttle af|selectOrderShuttle::box-content {
    -tr-rule-ref: selector(".CBSelectOrderShuttleDisplayBox:alias");
}

/* Select Range ChoiceBar ------------------------------------------------------------------------------------------- */
/* No any class hooks for some particular overwritings, we will go on the default formatting for each subcomponent.-- */

/* Separator component ---------------------------------------------------------------------------------------------- */
/* CasaBlanca styles */
.CBSeparator:alias {
    height: auto;
    margin: 15px 0 0;
    border-width: 1px 0 0 0;
    color: #CBC3BE;
    background-color: #CBC3BE;
    -tr-rule-ref: selector(".CBBorderNormalSolidLook:alias");
}
/* Inject CasaBlanca styles */
.af|separator, .p_OraContentFooterRule, af|panelFormLayout::separator {
    -tr-rule-ref: selector(".CBSeparator:alias");
}

/* Show Detail Header component ------------------------------------------------------------------------------------- */
/* CasaBlanca styles */
.CBShowDetailHeader:alias {
    -tr-rule-ref: selector(".CBHeaderLevel1Look:alias");
}
.CBShowDetailHeaderExpandCollapseItem:alias {
    -tr-rule-ref: selector(".CBLinkLook:alias");
}
.CBShowDetailHeaderExpandCollapseItemHover:alias {
    -tr-rule-ref: selector(".CBLinkLookHover:alias");
    text-decoration: none;
}
/* Inject CasaBlanca styles */
h1.af|showDetailHeader {
    -tr-rule-ref: selector(".CBShowDetailHeader:alias");
}
h1.af|showDetailHeader af|showDetail::disclosure-icon-link span {
    -tr-rule-ref: selector(".CBShowDetailHeaderExpandCollapseItem:alias");
}
@agent (touchScreen:none) {
  h1.af|showDetailHeader af|showDetail::disclosure-icon-link:hover,
  h1.af|showDetailHeader af|showDetail::disclosure-icon-link span:hover {
      -tr-rule-ref: selector(".CBShowDetailHeaderExpandCollapseItemHover:alias");
  }
}

/* Show Detail Item component --------------------------------------------------------------------------------------- */
/* CasaBlanca styles */
.CBShowDetailItem:alias {
}
.CBShowDetailTitle:alias {
    -tr-rule-ref: selector(".CBLinkLook:alias");
}
.CBShowDetailTitleHover:alias {
    -tr-rule-ref: selector(".CBLinkLookHover:alias");  
}
.CBShowDetailExpandCollapseItem:alias {
    -tr-rule-ref: selector(".CBLinkLook:alias");
}
.CBShowDetailExpandCollapseItemHover:alias {
    -tr-rule-ref: selector(".CBLinkLookHover:alias");
    text-decoration: none; 
}
/* Inject CasaBlanca styles */
af|showDetail::disclosure-icon-link .p_OraHideShowDisclosedSymbol {
    -tr-rule-ref: selector(".CBShowDetailExpandCollapseItem:alias");
}
@agent (touchScreen:none) {
  af|showDetail::prompt-undisclosed af|showDetail::disclosure-icon-link:hover,
  af|showDetail::prompt-disclosed af|showDetail::disclosure-icon-link:hover {
      -tr-rule-ref: selector(".CBShowDetailExpandCollapseItemHover:alias");
  }
  af|showDetail::prompt-undisclosed af|showDetail::prompt-link:hover,
  af|showDetail::prompt-disclosed af|showDetail::prompt-link:hover {
      -tr-rule-ref: selector(".CBShowDetailTitleHover:alias");
  }
}
af|showDetail::prompt-undisclosed af|showDetail::prompt-link,
af|showDetail::prompt-disclosed af|showDetail::prompt-link {
    -tr-rule-ref: selector(".CBShowDetailTitle:alias");
}

/* Single step Button Bar component --------------------------------------------------------------------------------- */
/* CasaBlanca styles */
.CBSingleStepButtonBar:alias {
}
.CBSingleStepButtonBarButton:alias {
    -tr-rule-ref: selector(".CBButton:alias");
}
.CBSingleStepButtonBarButtonHover:alias {
    -tr-rule-ref: selector(".CBButtonHover:alias");
}
.CBSingleStepButtonBarButtonDisabled:alias {
    -tr-rule-ref: selector(".CBButtonDisabled:alias");
}
.CBSingleStepButtonBarLabel:alias {
    -tr-rule-ref: selector(".CBLabel:alias");
}
/* Inject CasaBlanca styles */
af|singleStepButtonBar {
    -tr-rule-ref: selector(".CBSingleStepButtonBar:alias");
}
af|singleStepButtonBar af|commandButton {
    -tr-rule-ref: selector(".CBSingleStepButtonBarButton:alias");
}
@agent (touchScreen:none) {
  af|singleStepButtonBar af|commandButton:hover {
      -tr-rule-ref: selector(".CBSingleStepButtonBarButtonHover:alias");
  }
}
af|singleStepButtonBar af|singleStepButtonBar::label {
    -tr-rule-ref: selector(".CBSingleStepButtonBarLabel:alias");
}

/* Spacer component ------------------------------------------------------------------------------------------------- */
/* Not applicable yet */

/* Status Indicator component --------------------------------------------------------------------------------------- */
/* No any specific overwriting for the moment */

/* StyleSheet component --------------------------------------------------------------------------------------------- */
/* Not applicable yet */

/* Train component -------------------------------------------------------------------------------------------------- */
/* CasaBlanca styles */
.CBTrainTrain:alias {
    -tr-rule-ref: selector(".CBTrain:alias");
}
.CBTrainStop:alias {
    padding-right: 5px;
}
.CBTrainTrainStopUnvisited:alias {
    -tr-rule-ref: selector(".CBTrainStopUnvisited:alias");
}
.CBTrainTrainStopUnvisitedHover:alias {
    -tr-rule-ref: selector(".CBTrainStopUnvisitedHover:alias");
}
.CBTrainTrainStopVisited:alias {
    -tr-rule-ref: selector(".CBTrainStopVisited:alias");
}
.CBTrainTrainStopVisitedHover:alias {
    -tr-rule-ref: selector(".CBTrainStopVisitedHover:alias");
}
.CBTrainTrainStopSelected:alias {
    -tr-rule-ref: selector(".CBTrainStopSelected:alias");
}
.CBTrainTrainStopSelectedHover:alias {
    -tr-rule-ref: selector(".CBTrainStopSelectedHover:alias");
}
/* Inject CasaBlanca styles */
af|train {
    -tr-rule-ref: selector(".CBTrainTrain:alias");
}
af|train::stop {
    -tr-rule-ref: selector(".CBTrainStop:alias");
}
.p_AFSelected af|train::link {
    -tr-rule-ref: selector(".CBTrainTrainStopSelected:alias");
}
@agent (touchScreen:none) {
  .p_AFSelected af|train::link:hover {
      -tr-rule-ref: selector(".CBTrainTrainStopSelectedHover:alias");
  }
  .p_AFVisited af|train::link:hover {
      -tr-rule-ref: selector(".CBTrainTrainStopVisitedHover:alias");
  }
  .p_AFUnvisited af|train::link:hover {
      -tr-rule-ref: selector(".CBTrainTrainStopUnvisitedHover:alias");
  }
}
.p_AFVisited af|train::link {
    -tr-rule-ref: selector(".CBTrainTrainStopVisited:alias");
}
.p_AFUnvisited af|train::link {
    -tr-rule-ref: selector(".CBTrainTrainStopUnvisited:alias");
}
/* Clear some legacy stuff */
af|train::join {
    display: none ! important;
}
af|train::stop-icon-cell {
    display: none ! important;
}
af|train table {
    width: auto ! important;
}

/* Table component -------------------------------------------------------------------------------------------------- */
/* CasaBlanca styles */
.CBTableTableCell:alias {
    -tr-rule-ref: selector(".CBTableCell:alias");
}
.CBTableTableCellInside:alias {
    -tr-rule-ref: selector(".CBTableCellInside:alias");
}
.CBTableTableCellAll:alias {
    -tr-rule-ref: selector(".CBTableCellAll:alias");    
}
.CBTableTableCellTopLine:alias {
    -tr-rule-ref: selector(".CBTableCellTopLine:alias");
}
.CBTableTableCellTopRighCorner:alias {
    -tr-rule-ref: selector(".CBTableCellTopRighCorner:alias");
}
.CBTableTableCellRightLine:alias {
    -tr-rule-ref: selector(".CBTableCellRightLine:alias");
}
.CBTableTableCellBottomRightCorner:alias {
    -tr-rule-ref: selector(".CBTableCellBottomRightCorner:alias");
}
.CBTableTableCellBottomLine:alias {
    -tr-rule-ref: selector(".CBTableCellBottomLine:alias");
}
.CBTableTableCellBottomLeftCorner:alias {
    -tr-rule-ref: selector(".CBTableCellBottomLeftCorner:alias");
}
.CBTableTableCellLeftLine:alias {
    -tr-rule-ref: selector(".CBTableCellLeftLine:alias");
}
.CBTableTableCellTopLeftCorner:alias {
    -tr-rule-ref: selector(".CBTableCellTopLeftCorner:alias");
}
.CBTableTableCellHorizontalLines:alias {
    -tr-rule-ref: selector(".CBTableCellHorizontalLines:alias");
}
.CBTableTableCellVerticalLines:alias {
    -tr-rule-ref: selector(".CBTableCellVerticalLines:alias");
}
.CBTableTableHeadCell:alias {
    -tr-rule-ref: selector(".CBTableHeadCell:alias");
}
.CBTableTableFooterCell:alias {
    -tr-rule-ref: selector(".CBTableFooterCell:alias");
}
.CBTableTableControlBarTop:alias {
    -tr-rule-ref: selector(".CBTableControlBarTop:alias");
}
.CBTableTableControlBarBottom:alias {
    -tr-rule-ref: selector(".CBTableControlBarBottom:alias");
}
.CBTableTableSubControlBar:alias {
    -tr-rule-ref: selector(".CBTableSubControlBar:alias");
}
.CBTableTablePathBar:alias {
    -tr-rule-ref: selector(".CBTablePathBar:alias");
}                                                   
.CBTableTableBody:alias {
    -tr-rule-ref: selector(".CBTableBody:alias");
}
.CBTableBarButton:alias {
    -tr-rule-ref: selector(".CBButton:alias") ;
    display: inline;
}
.CBTableBarButtonHover:alias {
    -tr-rule-ref: selector(".CBButtonHover:alias");
    display: inline;
}
.CBTableBarButtonDisabled:alias {
    -tr-rule-ref: selector(".CBButtonLookDisabled:alias");
    -tr-rule-ref: selector(".CBRoundedAllCornersLook:alias");
}
/* Inject CasaBlanca styles */
af|table::control-bar-top {
    -tr-rule-ref: selector(".CBTableTableControlBarTop:alias");
}
af|table::control-bar-bottom {
    -tr-rule-ref: selector(".CBTableTableControlBarBottom:alias");
}
af|table::sub-control-bar {
    -tr-rule-ref: selector(".CBTableTableSubControlBar:alias");
}
.OraHGridLocatorHeader {
    -tr-rule-ref: selector(".CBTableTablePathBar:alias");
    padding: 0;
}
/* active navigation buttons */
af|table::sub-control-bar .OraLink,                                                     
af|table::sub-control-bar af|showDetail::prompt-link {
    -tr-rule-ref: selector(".CBTableBarButton:alias") ;
}
/* active hover navigation buttons */
@agent (touchScreen:none) {
  af|table::sub-control-bar .OraLink:hover,
  af|table::sub-control-bar af|showDetail::prompt-link:hover {
      -tr-rule-ref: selector(".CBTableBarButtonHover:alias");
  }
  af|table::sub-control-bar .OraNavBarActiveLink:hover,
  af|table::sub-control-bar af|showDetail::prompt-link:hover {
      -tr-rule-ref: selector(".CBTableBarButtonHover:alias");
  }
}
/* inactive navigation buttons */
af|table::control-bar-top table td span,
af|table::control-bar-bottom table td span,
af|table::sub-control-bar table td span {
    -tr-rule-ref: selector(".CBTableBarButtonDisabled:alias");
}
/* header */
af|column::header-text {
    -tr-rule-ref: selector(".CBTableTableHeadCell:alias");
    display: table-cell;
}
/* sub control bar link like buttons */
af|table::sub-control-bar .OraNavBarActiveLink,
af|table::sub-control-bar af|showDetail::prompt-link {
    -tr-rule-ref: selector(".CBTableBarButton:alias");
}
af|table::sub-control-bar .OraNavBarActiveLink {
    float: left;
    display: block;
    margin-right: 2px;
}
af|table::select-all-icon {
    content:url(/adf/images/casablanca/icons/selectAll.png);
}
@agent ie and (version: 5), ie and (version: 6) {
    af|table::select-all-icon {
        content:url(/adf/images/casablanca/icons/selectAll_8bit.png);
    }
}
af|table::select-none-icon {
    content:url(/adf/images/casablanca/icons/selectNone.png);
}
@agent ie and (version: 5), ie and (version: 6) {
    af|table::select-none-icon {
        content:url(/adf/images/casablanca/icons/selectNone_8bit.png);
    }
}
.AFTableCellDataBorderColor:alias, TableCellHeaderBorderColor, af|column::header-text,
af|table::content {
    -tr-rule-ref: selector(".CBTableTableBody:alias");
}
af|table::content af|column::cell-text, af|table::content af|column::cell-number,
af|table::content af|column::cell-icon-format, af|table::content af|tableSelectOne::cell-icon-format,
af|table::content af|tableSelectMany::cell-icon-format {
    -tr-rule-ref: selector(".CBTableTableCell:alias");
    -tr-rule-ref: selector(".CBTableTableCellInside:alias");
}
/* borders types */
af|table::content .OraTableBorder1111 {
    -tr-rule-ref: selector(".CBTableTableCellAll:alias");
}
af|table::content .OraTableBorder1000 {
    -tr-rule-ref: selector(".CBTableTableCellTopLine:alias");
}
af|table::content .OraTableBorder1010 {
    -tr-rule-ref: selector(".CBTableTableCellHorizontalLines:alias");
}
af|table::content .OraTableBorder1100 {
    -tr-rule-ref: selector(".CBTableTableCellTopRighCorner:alias");
}
af|table::content .OraTableBorder0100 {
    -tr-rule-ref: selector(".CBTableTableCellRightLine:alias");
}
af|table::content .OraTableBorder0101 {
    -tr-rule-ref: selector(".CBTableTableCellVerticalLines:alias");
}
af|table::content .OraTableBorder0110 {
    -tr-rule-ref: selector(".CBTableTableCellBottomRightCorner:alias");
}
af|table::content .OraTableBorder0010 {
    -tr-rule-ref: selector(".CBTableTableCellBottomLine:alias");
}
af|table::content .OraTableBorder0011 {
    -tr-rule-ref: selector(".CBTableTableCellBottomLeftCorner:alias");
}
af|table::content .OraTableBorder0001 {
    -tr-rule-ref: selector(".CBTableTableCellLeftLine:alias");
}
af|table::content .OraTableBorder1001 {
    -tr-rule-ref: selector(".CBTableTableCellTopLeftCorner:alias");
}
/* Force bottom line for headers */
af|table::content af|column::header-text {
    -tr-rule-ref: selector(".CBTableTableCellBottomLine:alias");
}
/* footer cells */
af|table::content af|table::column-footer, af|table::content af|column::total-text {
    display: table-cell;
    -tr-rule-ref: selector(".CBTableTableFooterCell:alias");
}
/* Clear some legacy stuff */
af|table::control-bar-top tbody tr td,
af|table::control-bar-bottom tbody tr td,
af|table::sub-control-bar tbody tr td {
    font-size: 0px;
    line-height: 0px;
    color: transparent; /* Fix a WebKit problem */
}

/* Tree table component --------------------------------------------------------------------------------------------- */
/* CasaBlanca styles */
.CBTreeTableCell:alias {
    -tr-rule-ref: selector(".CBTableCell:alias");
}
.CBTreeTableCellInside:alias {
    -tr-rule-ref: selector(".CBTableCellInside:alias");
}
.CBTreeTableCellAll:alias {
    -tr-rule-ref: selector(".CBTableCellAll:alias");
}
.CBTreeTableCellTopLine:alias {
    -tr-rule-ref: selector(".CBTableCellTopLine:alias");
}
.CBTreeTableCellTopRighCorner:alias {
    -tr-rule-ref: selector(".CBTableCellTopRighCorner:alias");
}
.CBTreeTableCellRightLine:alias {
    -tr-rule-ref: selector(".CBTableCellRightLine:alias");
}
.CBTreeTableCellBottomRightCorner:alias {
    -tr-rule-ref: selector(".CBTableCellBottomRightCorner:alias");
}
.CBTreeTableCellBottomLine:alias {
    -tr-rule-ref: selector(".CBTableCellBottomLine:alias");
}
.CBTreeTableCellBottomLeftCorner:alias {
    -tr-rule-ref: selector(".CBTableCellBottomLeftCorner:alias");
}
.CBTreeTableCellLeftLine:alias {
    -tr-rule-ref: selector(".CBTableCellLeftLine:alias");
}
.CBTreeTableCellTopLeftCorner:alias {
    -tr-rule-ref: selector(".CBTableCellTopLeftCorner:alias");
}
.CBTreeTableCellHorizontalLines:alias {
    -tr-rule-ref: selector(".CBTableCellHorizontalLines:alias");
}
.CBTreeTableCellVerticalLines:alias {
    -tr-rule-ref: selector(".CBTableCellVerticalLines:alias");
}
.CBTreeTableHeadCell:alias {
    -tr-rule-ref: selector(".CBTableHeadCell:alias");
}
.CBTreeTableFooterCell:alias {
    -tr-rule-ref: selector(".CBTableFooterCell:alias");
}
.CBTreeTableControlBarTop:alias {
    -tr-rule-ref: selector(".CBTableControlBarTop:alias");
}
.CBTreeTableControlBarBottom:alias {
    -tr-rule-ref: selector(".CBTableControlBarBottom:alias");
}
.CBTreeTableSubControlBar:alias {
    -tr-rule-ref: selector(".CBTableSubControlBar:alias");
}
.CBTreeTablePathBar:alias {
    -tr-rule-ref: selector(".CBTablePathBar:alias");
}
.CBTreeTableBody:alias {
    -tr-rule-ref: selector(".CBTableBody:alias");
}
.CBTreeTableExpansionButton:alias {
    top: -2px; /* overwrite the default position */
}
.CBTreeTableBarButton:alias {
    -tr-rule-ref: selector(".CBButton:alias") ;
    display: inline;
}
.CBTreeTableBarButtonHover:alias {
    -tr-rule-ref: selector(".CBButtonHover:alias");
    display: inline;
}
.CBTreeTableBarButtonDisabled:alias {
    -tr-rule-ref: selector(".CBButtonLookDisabled:alias");
    -tr-rule-ref: selector(".CBRoundedAllCornersLook:alias");
}
/* Inject CasaBlanca styles */
af|treeTable::control-bar-top {
    -tr-rule-ref: selector(".CBTreeTableControlBarTop:alias");
}
af|treeTable::control-bar-bottom {
    -tr-rule-ref: selector(".CBTreeTableControlBarBottom:alias");
}
af|treeTable::sub-control-bar {
    -tr-rule-ref: selector(".CBTreeTableSubControlBar:alias");
    padding: 4px;
}
/* inactive navigation like buttons */
af|treeTable::control-bar-top table td span,
af|treeTable::control-bar-bottom table td span,
af|treeTable::sub-control-bar table td span {
    -tr-rule-ref: selector(".CBTreeTableBarButtonDisabled:alias");
}
/* sub control bar link like buttons */
af|treeTable::sub-control-bar .OraNavBarActiveLink,
af|treeTable::sub-control-bar af|showDetail::prompt-link {
    -tr-rule-ref: selector(".CBTreeTableBarButton:alias");
}
af|treeTable::sub-control-bar .OraNavBarActiveLink {
    float: left;
    display: block;
    margin-right: 2px;
}
@agent (touchScreen:none) {
  af|treeTable::sub-control-bar .OraNavBarActiveLink:hover,
  af|treeTable::sub-control-bar af|showDetail::prompt-link:hover {
      -tr-rule-ref: selector(".CBTreeTableBarButtonHover:alias");
  }
}
af|treeTable::select-all-icon {
    content:url(/adf/images/casablanca/icons/selectAll.png);
}
@agent ie and (version: 5), ie and (version: 6) {
    af|treeTable::select-all-icon {
        content:url(/adf/images/casablanca/icons/selectAll_8bit.png);
    }
}
af|treeTable::select-none-icon {
    content:url(/adf/images/casablanca/icons/selectNone.png);
}
@agent ie and (version: 5), ie and (version: 6) {
    af|treeTable::select-none-icon {
        content:url(/adf/images/casablanca/icons/selectNone_8bit.png);
    }
}
af|treeTable::collapse-all-icon {
    content:url(/adf/images/casablanca/icons/collapseAll.png);
}
@agent ie and (version: 5), ie and (version: 6) {
    af|treeTable::collapse-all-icon {
        content:url(/adf/images/casablanca/icons/collapseAll_8bit.png);
    }
}
af|treeTable::expand-all-icon {
    content:url(/adf/images/casablanca/icons/expandAll.png);
}
@agent ie and (version: 5), ie and (version: 6) {
    af|treeTable::expand-all-icon {
        content:url(/adf/images/casablanca/icons/expandAll_8bit.png);
    }
}
af|treeTable::expanded-icon {
    content:url(/adf/images/casablanca/icons/nav-minus.png);
}
@agent ie and (version: 5), ie and (version: 6) {
    af|treeTable::expanded-icon {
        content:url(/adf/images/casablanca/icons/nav-minus_8bit.png);
    }
}
af|treeTable::collapsed-icon {
    content:url(/adf/images/casablanca/icons/nav-plus.png);
}
@agent ie and (version: 5), ie and (version: 6) {
    af|treeTable::collapsed-icon {
        content:url(/adf/images/casablanca/icons/nav-plus_8bit.png);
    }
}
af|treeTable::content {
    -tr-rule-ref: selector(".CBTreeTableBody:alias");
}
af|treeTable::expansion {       
    -tr-rule-ref: selector(".CBTreeTableExpansionButton:alias");
}
af|treeTable::content af|column::cell-text, af|treeTable::content af|column::cell-number,
af|treeTable::content af|column::cell-icon-format, af|treeTable::content af|tableSelectOne::cell-icon-format,
af|treeTable::content af|tableSelectMany::cell-icon-format {
    -tr-rule-ref: selector(".CBTreeTableCell:alias");
    -tr-rule-ref: selector(".CBTreeTableCellInside:alias");
}
/* borders types */
af|treeTable::content .OraTableBorder1111 {
    -tr-rule-ref: selector(".CBTreeTableCellAll:alias");
}
af|treeTable::content .OraTableBorder1000 {
    -tr-rule-ref: selector(".CBTreeTableCellTopLine:alias");
}
af|treeTable::content .OraTableBorder1010 {
    -tr-rule-ref: selector(".CBTreeTableCellHorizontalLines:alias");
}
af|treeTable::content .OraTableBorder1100 {
    -tr-rule-ref: selector(".CBTreeTableCellTopRighCorner:alias");
}
af|treeTable::content .OraTableBorder0100 {
    -tr-rule-ref: selector(".CBTreeTableCellRightLine:alias");
}
af|treeTable::content .OraTableBorder0101 {
    -tr-rule-ref: selector(".CBTreeTableCellVerticalLines:alias");
}
af|treeTable::content .OraTableBorder0110 {
    -tr-rule-ref: selector(".CBTreeTableCellBottomRightCorner:alias");
}
af|treeTable::content .OraTableBorder0010 {
    -tr-rule-ref: selector(".CBTreeTableCellBottomLine:alias");
}
af|treeTable::content .OraTableBorder0011 {
    -tr-rule-ref: selector(".CBTreeTableCellBottomLeftCorner:alias");
}
af|treeTable::content .OraTableBorder0001 {
    -tr-rule-ref: selector(".CBTreeTableCellLeftLine:alias");
}
af|treeTable::content .OraTableBorder1001 {
    -tr-rule-ref: selector(".CBTreeTableCellTopLeftCorner:alias");
}
/* Force bottom line for headers */
af|treeTable::content af|column::header-text {
    -tr-rule-ref: selector(".CBTreeTableCellBottomLine:alias");
}
/* footer cells */
af|treeTable::content af|treeTable::column-footer, af|treeTable::content af|column::total-text {
    display: table-cell;
    -tr-rule-ref: selector(".CBTreeTableFooterCell:alias");
}
/* Clear some legacy stuff */
af|treeTable::control-bar-top tbody tr td,
af|treeTable::control-bar-bottom tbody tr td,
af|treeTable::sub-control-bar tbody tr td {
    font-size: 0px;
    line-height: 0px;
    color: transparent; /* Fix a WebKit problem */
}

/* Tree component --------------------------------------------------------------------------------------------------- */
/* No any class hooks for some particular overwritings.
/* We will go on the Navigation Tree component styles
 */
af|tree::expanded-icon {
    content:url(/adf/images/casablanca/icons/nav-minus.png);
}
@agent ie and (version: 5), ie and (version: 6) {
    af|tree::expanded-icon {
        content:url(/adf/images/casablanca/icons/nav-minus_8bit.png);
    }
}
af|tree::collapsed-icon {
    content:url(/adf/images/casablanca/icons/nav-plus.png);
}
@agent ie and (version: 5), ie and (version: 6) {
    af|tree::collapsed-icon {
        content:url(/adf/images/casablanca/icons/nav-plus_8bit.png);
    }
}

/* Layouts ---------------------------------------------------------------------------------------------------------- */
/* Define styles used in:
/* - Forms controls layouts
/* ------------------------------------------------------------------------------------------------------------------ */
/* Tree table component --------------------------------------------------------------------------------------------- */
/* CasaBlanca styles */
.CBFormControlSpacing:alias {
    -tr-rule-ref: selector(".CBFormVerticalSpacingLook:alias");
}
/* Inject CasaBlanca styles */
af|panelFormLayout::content-cell {
    -tr-rule-ref: selector(".CBFormControlSpacing:alias");
}
/* Dialog window component ------------------------------------------------------------------------------------------ */
.CBDialogDialog:alias {
    -tr-rule-ref: selector(".CBDialog:alias");
}
.CBDialogDialogHead:alias {
    -tr-rule-ref: selector(".CBDialogHead:alias");
}
.CBDialogDialogHeadCloseIconStyle:alias {
    -tr-rule-ref: selector(".CBDialogHeadCloseIconStyle:alias");
}
.CBDialogDialogHeadCloseIconHover:alias {
    -tr-rule-ref: selector(".CBDialogHeadCloseIconHover:alias");
}
af|dialog::title-bar {
    -tr-rule-ref: selector(".CBDialogDialogHead:alias");
}
af|dialog::close-icon {
    -tr-rule-ref: selector(".CBDialogDialogHeadCloseIconStyle:alias");
}
af|dialog::container {
    -tr-rule-ref: selector(".CBDialogDialog:alias");
}


/* IE hacks --------------------------------------------------------------------------------------------------------- */
@agent ie and (version: 5), ie and (version: 6) {
    .ie6BlockBahaviour {
        height: 1%;
    }
}
/* ------------------------------------------------------------------------------------------------------------------ */

/* Browser normalization ---------------------------------------------------------------------------------------------*/
ul {
    padding: 0;
    list-style-type: none;
}




© 2015 - 2024 Weber Informatics LLC | Privacy Policy