You are viewing a plain text version of this content. The canonical link for it is here.
Posted to commits@myfaces.apache.org by ar...@apache.org on 2011/07/12 17:48:26 UTC
svn commit: r1145638 [3/6] - in /myfaces/trinidad/trunk:
trinidad-api/src/main/java/org/apache/myfaces/trinidad/context/
trinidad-impl/src/main/conf/META-INF/
trinidad-impl/src/main/java/org/apache/myfaces/trinidadinternal/agent/
trinidad-impl/src/main...
Added: myfaces/trinidad/trunk/trinidad-impl/src/main/resources/META-INF/adf/styles/casablanca-base.css
URL: http://svn.apache.org/viewvc/myfaces/trinidad/trunk/trinidad-impl/src/main/resources/META-INF/adf/styles/casablanca-base.css?rev=1145638&view=auto
==============================================================================
--- myfaces/trinidad/trunk/trinidad-impl/src/main/resources/META-INF/adf/styles/casablanca-base.css (added)
+++ myfaces/trinidad/trunk/trinidad-impl/src/main/resources/META-INF/adf/styles/casablanca-base.css Tue Jul 12 15:48:25 2011
@@ -0,0 +1,3874 @@
+/*
+ * 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 dont 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 dont 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 its 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");
+}
+
+/* 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;
+}
+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");
+}
+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");
+}
+.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");
+}
+
+/* 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");
+}
+/* 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");
+}
+/* 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");
+}
+af|inputListOfValues af|inputListOfValues::content {
+ -tr-rule-ref: selector(".CBListOfValuesInputBox:alias");
+}
+/* Its 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");
+}
+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");
+}
+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");
+}
[... 1442 lines stripped ...]