analytics/webapps/p2pd/WEB-INF/css/blueprint/bux/controls.xml

<!--
+========================================================================+
| Licensed Materials - Property of IBM
|
| IBM Cognos Products: BUX
|
| (C) Copyright IBM Corp. 2009, 2013
|
| US Government Users Restricted Rights - Use, duplication or
| disclosure restricted by GSA ADP Schedule Contract with IBM Corp.
|
+========================================================================+
--><css>/*
 *+------------------------------------------------------------------------+
 *| Licensed Materials - Property of IBM
 *| IBM Cognos Products: BUX
 *| (C) Copyright IBM Corp. 2009, 2022
 *|
 *| US Government Users Restricted Rights - Use, duplication or
 *| disclosure restricted by GSA ADP Schedule Contract with IBM Corp.
 *+------------------------------------------------------------------------+
 */
/* This is a generated file, do not edit */
/*Listen to dialog controls*/

/*layout section*/
.icdIcon16 {
	width: 16px;
	height: 16px;
	background-repeat: no-repeat;
}

.icdIcon32 {
	background-repeat: no-repeat;
	background-position: center center;
	min-height: 32px;
	min-width: 32px;
	height: 2em;
	width: 2em;
}

.bux-check-on,
.bux-check-off,
.bux-check-mixed {
	background-repeat: no-repeat;
	background-position: center left;
	padding-left: 20px;
	cursor: default;
}

.bux-connect-collapse,
.bux-connect-expand {
	background-repeat: no-repeat;
	background-position: center left;
	width: 15px;
	height: 15px;
}

.bux-connect-tab-label {
	padding-top: 5px;
	padding-bottom: 5px;
}
/*Edit dashboard style dialog*/
/*layout section*/
.icdUI .bux-borderStylePicker .dijitButtonNode {
	min-width: 257px !important;
}

.icdUI .bux-borderStylePicker .dijitButtonText {
	min-width: 218px !important;
}

.icdUI .buxValuePicker,
.icdUI .buxValuePicker .dijitComboBox {
	margin: 0px;
	width: 130px;
	vertical-align: top;
}

.buxValuePicker .dijitComboBox .dijitButtonNode {
	padding: 1px 0.1em;
}

.buxValuePicker .dijitButtonNode {
	height: 17px;
}

.bux-iconPicker,
.bux-imagePickerNone {
	background-repeat: no-repeat;
	width: 16px;
	height: 16px;
	text-align: center;
}

.dj_ie .icdUI .dijitComboBoxMenuPopup {
	background-color: <skinValue path="/uiSkin/uiElements/form/dropDown/background/color"/>;
}

.icdContentToolbar .bux-pane-stackbutton {
	vertical-align: middle;
}

.icdContentToolbar .dijitButtonNode {
	border: 0;
}

/*skin section*/
.bux-check-on {
	background-image: <skinValue path="/uiSkin/applicationElements/application[@name='bux']/body/images/image[@name='checkboxOn']"/>;
}

.bux-check-off {
	background-image: <skinValue path="/uiSkin/applicationElements/application[@name='bux']/body/images/image[@name='checkboxOff']"/>;
}

.bux-check-mixed {
	background-image: <skinValue path="/uiSkin/applicationElements/application[@name='bux']/body/images/image[@name='checkboxMixed']"/>;
}

.bux-connect-collapse {
	background-image: <skinValue path="/uiSkin/applicationElements/application[@name='bux']/body/images/image[@name='treeClosed']"/>;
}

.bux-connect-expand {
	background-image: <skinValue path="/uiSkin/applicationElements/application[@name='bux']/body/images/image[@name='treeOpen']"/>;
}

.bux-connect-tab-label {
	border-top: 1px solid <skinValue path="/uiSkin/uiElements/grid/border/color"/>;
	background-repeat: repeat-x;
	font-weight: bold;
}

.bux-connect-row-expand .bux-connect-tab-label {
	background-image: <skinValue path="/uiSkin/applicationElements/application[@name='bux']/body/images/image[@name='connectExpanded']"/>;
}

.bux-connect-row-collapse .bux-connect-tab-label {
	background-image: <skinValue path="/uiSkin/applicationElements/application[@name='bux']/body/images/image[@name='connectCollapsed']"/>;
}

/*Edit dashboard style dialog*/

/*skin section*/
.icdColorPickerColorNode {
	border: 1px solid #8d8d8d;
	-moz-border-radius: 3px;
	min-width: 100px;
	padding-right: 2px;
	height: 12px;
	margin-top: 2px;
	display: inline-block;
}

.icdUI .dojoxColorPicker {
	background-color: transparent;
	border: none
}

.buxCheckBoxPartialChecked {
	background-position: -16px;
}

.buxCheckBoxPartialCheckedDisabled {
	background-position: -64px;
}

.buxCheckBoxPartialCheckedHover {
	background-position: -112px;
}

.dl {
	text-decoration: underline;
	cursor: pointer !important;
}

/*All Controls skin*/
.claro .dijitArrowButtonInner {
	background-image: <skinValue path="/uiSkin/applicationElements/application[@name='bux']/body/images/image[@name='blueDotStrip']"/>;
	background-position: -192px;
}

.claro .dijitDisabled .dijitArrowButtonInner {
	background-position: -208px;
}

.claro .dijitToolbar .dijitButtonHover .dijitButtonNode,
.claro .dijitToolbar .dijitDropDownButtonHover .dijitButtonNode,
.claro .dijitToolbar .dijitToggleButtonHover .dijitButtonNode,
.dj_ie .claro .dijitToolbar .dijitButtonHover .dijitButtonNode,
.dj_ie .claro .dijitToolbar .dijitDropDownButtonHover .dijitButtonNode,
.dj_ie .claro .dijitToolbar .dijitToggleButtonHover .dijitButtonNode {
	background-color: <skinValue path="/uiSkin/uiElements/toolbar/item/state[@type='hover']/background/color"/>;
	border: 1px solid <skinValue path="/uiSkin/uiElements/toolbar/item/state[@type='hover']/border/color"/>;
	background-image: <skinValue path="/uiSkin/uiElements/toolbar/item/state[@type='hover']/background/image"/>;
}


.claro .dijitToolbar .dijitComboButton .dijitButtonNodeHover,
.claro .dijitToolbar .dijitComboButton .dijitDownArrowButtonHover,
.icdContentToolbar .bux-pane-stackbuttonChecked .dijitButtonNode,
.icdUI .dijitToolbar .dijitToggleButtonChecked .dijitButtonNode,
.icdUI .dijitToolbar .dijitButtonChecked .dijitButtonNode {
	background-image: none;
	background-color: <skinValue path="/uiSkin/uiElements/toolbar/item/state[@type='hover']/background/color"/> !important; /*although this is the same as above we have to have a important here to override the transparent definition after to cancel the claro default hover effect*/
	border: 1px solid <skinValue path="/uiSkin/uiElements/toolbar/item/state[@type='hover']/border/color"/> !important; /*if important is used for all the buttons then blue dot in IE7 will get the same effect we have here which is unwanted*/
}

.icdUI .dijitToggleButtonChecked .dijitButtonNode,
.icdUI .dijitButtonChecked .dijitButtonNode {
	background-image: <skinValue path="/uiSkin/uiElements/form/button/state[@type='toggled']/background/image"/>;
	border: 1px solid <skinValue path="/uiSkin/uiElements/form/button/state[@type='toggled']/border/color"/> !important; /*if important is used for all the buttons then blue dot in IE7 will get the same effect we have here which is unwanted*/
}

/* Work around for an IE bug where the background of the table cells in a combo button overlap the borders */
.dj_ie .claro .dijitToolbar .dijitComboButton TD {
	position: relative;
}

.icdContentToolbar .bux-pane-stackbuttonChecked .dijitButtonNode {
	padding: 1px;
}

.claro .dijitToolbar .dijitButtonActive .dijitButtonNode,
.claro .dijitToolbar .dijitDropDownButtonActive .dijitButtonNode,
.claro .dijitToolbar .dijitDropDownButtonOpened .dijitButtonNode,
.claro .dijitToolbar .dijitToggleButtonActive .dijitButtonNode {
	background-color: <skinValue path="/uiSkin/uiElements/toolbar/item/state[@type='default']/background/color"/>;
	background-position: 0 0;
	border: 1px solid <skinValue path="/uiSkin/uiElements/toolbar/item/state[@type='default']/border/color"/>;
}

.claro .buxBannerbar  .dijitToolbar .dijitButtonActive .dijitButtonNode,
.claro .buxBannerbar  .dijitToolbar .dijitDropDownButtonActive .dijitButtonNode,
.claro .buxBannerbar  .dijitToolbar .dijitDropDownButtonOpened .dijitButtonNode,
.claro .buxBannerbar  .dijitToolbar .dijitToggleButtonActive .dijitButtonNode {
	background-image: <skinValue path="/uiSkin/uiElements/header/primaryBanner/navigation/item/state[@type='selected']/background/image"/>;
	background-color: transparent;
	background-position: 0 0;
	border: 1px solid <skinValue path="/uiSkin/uiElements/header/primaryBanner/navigation/item/state[@type='selected']/border/color"/>;
}

.claro .dijitToolbar .dijitComboButtonOpened .dijitDownArrowButton {
	background-color: <skinValue path="/uiSkin/uiElements/toolbar/item/state[@type='default']/background/color"/> !important;
	background-position: 0 0 !important;
	border: 1px solid <skinValue path="/uiSkin/uiElements/toolbar/item/state[@type='default']/border/color"/> !important;
}

.claro .dijitToolbar .dijitComboButtonHover,
.claro .dijitToolbar .dijitComboButtonActive,
.claro .dijitToolbar .dijitComboButtonHover .dijitDownArrowButton {
	background-color: transparent; /*we don't want the default effect we get with claro theme because we want the arrowDown to highlight on mouse over*/
	border: none;
}

.claro .dijitToolbar .dijitComboButton {
	-moz-border-radius: 2px 2px 2px 2px; /*we need this otherwise comboButton borders won't be rounded*/
}

.claro .dijitToolbar .dijitComboButtonActive .dijitButtonNode,
.claro .dijitToolbar .dijitComboButtonOpened .dijitButtonNode {
	background-color: <skinValue path="/uiSkin/uiElements/toolbar/item/state[@type='default']/background/color"/>;
	background-position: 0 0;
}

.icdUI .dijitDropDownButtonDisabled .dijitButtonNode {
	color: <skinValue path="/uiSkin/uiElements/form/dropDown/item/state[@type='disabled']/text/color"/>; /* it should be #6D6D6D but RPT still reports that it fails minimum contrast */
}

.icdUI .dijitComboBoxDisabled .dijitInputField {
	color: <skinValue path="/uiSkin/uiElements/form/dropDown/item/state[@type='disabled']/text/color"/>;
}

.claro .dijitTextBoxDisabled,
.claro .dijitTextBoxDisabled .dijitInputContainer {
	color: <skinValue path="/uiSkin/uiElements/form/textBox/state[@type='disabled']/text/color"/>;
}

/*Stop the comboButton arrow from becoming jumpy on hover*/
.claro .dijitToolbar .dijitComboButtonHover .dijitDownArrowButton {
	padding-left: 1px;
}

.claro .bux-toolbar .dijitToolbar .dijitComboButtonHover .dijitDownArrowButton {
	padding: 2px;
}

.claro .bux-toolbar .dijitToolbar .dijitComboButtonHover .dijitDownArrowButton.dijitDownArrowButtonHover {
	padding: 1px;
}

.claro .dijitToolbar .dijitComboButtonHover .dijitDownArrowButtonHover {
	padding-left: 1px;
	padding-right: 1px;
}

.icdUI .dijitButtonDisabled .dijitButtonNode {
	color: <skinValue path="/uiSkin/uiElements/form/button/state[@type='disabled']/text/color"/>;
}

.claro .dijitCheckBox, .claro .dijitCheckBoxIcon, .claro .dijitRadio, .claro .dijitRadioIcon {
	background-image: <skinValue path="/uiSkin/applicationElements/application[@name='bux']/body/images/image[@name='checkAndRadio']"/>;
}

.claro .dijitCheckBoxDisabled, .claro .dijitCheckBox.dijitCheckBoxDisabled {
	background-position: -64px center;
}

.claro .dijitCheckBox.dijitCheckBoxChecked.dijitCheckBoxDisabled{
	background-position: -48px center;
}

.claro .dijitCheckBox.dijitCheckBoxChecked, .claro .dijitToggleButtonChecked .dijitCheckBoxIcon {
	background-position: 0 center;
}

.claro .dijitCheckBox, .claro .dijitToggleButton .dijitCheckBoxIcon {
	background-position: -80px center;
}

.claro .dijitCheckBoxHover {
	background-position: -16px center;
}

.icdUI.claro .dijitRadio.dijitRadioChecked {
	background-position: -192px center;
}

.icdUI.claro .dijitRadio.dijitRadioChecked.dijitRadioCheckedHover {
	background-position: -272px center;
}

.icdUI.claro .dijitRadio {
	background-position: -288px center;
}

.icdUI.claro .dijitRadio.dijitRadioHover {
	background-position: -208px center;
}

.claro .dijitSelectHover .dijitArrowButton,
.claro .dijitSelectFocused .dijitArrowButton,
.claro .dijitSelectHover .dijitButtonContents{
	background-color:<skinValue path="/uiSkin/uiElements/form/dropDown/background/color"/>;
}

/* -- A11Y -- */

.buxCheckBoxPartialCheckedA11Y {
	display: none;
}

.dijit_a11y .buxCheckBoxPartialChecked .buxCheckBoxPartialCheckedA11Y,
.dijit_a11y .buxCheckBoxPartialCheckedHover .buxCheckBoxPartialCheckedA11Y,
.dijit_a11y .buxCheckBoxPartialCheckedDisabled .buxCheckBoxPartialCheckedA11Y {
	width: 16px;
	height: 16px;
	border: none;
	display: block;
}

.dijit_a11y .buxCheckBoxPartialChecked .dijitCheckBoxInput,
.dijit_a11y .buxCheckBoxPartialCheckedHover .dijitCheckBoxInput,
.dijit_a11y .buxCheckBoxPartialCheckedDisabled .dijitCheckBoxInput,
.dijit_a11y .bux-check-on,
.dijit_a11y .bux-check-off,
.dijit_a11y .bux-check-mixed,
.dijit_a11y .bux-connect-collapse,
.dijit_a11y .bux-connect-expand,
.a11y-bux-control-container,
.a11y-bux-check-on,
.a11y-bux-check-off,
.a11y-bux-check-mixed,
.a11y-bux-connect-collapse,
.a11y-bux-connect-expand {
	display: none;
}

.dijit_a11y .a11y-bux-control-container,
.dijit_a11y .a11y-bux-check-on,
.dijit_a11y .a11y-bux-check-off,
.dijit_a11y .a11y-bux-check-mixed,
.dijit_a11y .a11y-bux-connect-collapse,
.dijit_a11y .a11y-bux-connect-expand {
	display: inline-block;
	background-color: #b3b3b3;
	cursor: pointer;
}

.dijit_a11y .buxFilterDialogA11yLabel {
	margin-left: 2px;
}

.dijit_a11y .a11y-bux-connect-collapse,
.dijit_a11y .a11y-bux-connect-expand {
	border: 1px solid;
	padding-left: 10px;
	padding-right: 10px;
}

.dijit_a11y .buxValuePicker {
	padding: 1px;
}

.dijit_a11y .buxValuePicker .dijitButtonNode {
	height: auto;
}

.dijit_a11y .buxValuePicker {
	width: auto !important;
}

.dijit_a11y .dijitDisabled .dijitButtonNode {
	opacity: 0.6;
}

.dijit_a11y .dijitTextBox {
	border-color: #000000;
}

.dijit_a11y .icdImagePickerDialog .dijitDialogPaneContent .dijitContentPane {
	overflow-x: hidden;
}
</css>