analytics/webcontent/tm1/bux/css/cognosTheme/toolbar.css

/****************************************************************
** IBM Confidential
**
** OCO Source Materials
**
** BI and PM: tm1web
**
** (C) Copyright IBM Corp. 2011
**
** The source code for this program is not published or otherwise
** divested of its trade secrets, irrespective of what has been
** deposited with the U.S. Copyright Office.
*****************************************************************/

/* Cognos Look and Feel for toolbars */

.buxBannerBigButton .dijitArrowButtonInner
{
	display:none;
}

/* This style .dj_ie .dijitButtonNode button is to fix the width differences 
   between IE and Firefox.  The dojo toolbar puts an extra padding of 2 px on 
   the sides and also 1 px for the highlighted border to select.  We can not 
   remove the border for selecting or the button will no longer work.
   Firefox looked better than IE, so I matched IE to Firefox. */

/* Override claro for the Cognos look and feel */

.claro .dijitToolbar .dijitButtonChecked,
.claro .dijitToolbar .dijitToggleButtonChecked {
	background-color: #D4DFF2;
	border: 1px solid #316AC5;
	padding: 0px;
}

.claro .dijitToolbar .dijitToggleButtonChecked .dijitButtonNode
{
	background-color: transparent;
	border-color: transparent;
}

.claro .dijitToolbar .dijitToggleButtonHover,
.claro .dijitToolbar .dijitButtonHover
{
	margin: 0 -1px;
}

.claro .dijitToolbar .dijitToggleButtonCheckedHover
{
	margin: 0;
}

.dijitMenuItemDisabled
{
	color: gray;
	cursor: auto;
}

.claro .dijitToolbar .dijitToggleButtonCheckedHover .dijitButtonNode
{
	border-color: #CEB694; 
	background: #FFE3BD url("images/button/button_sm_m_hov.png") repeat-x top left;
}

.claro .dijitToolbar {
	background: #FFFFFF url("images/toolbar/toolbar_bg1.png") repeat-x top left;
	padding: 0px;
	margin-top: 0px;
	height: 29px;
	max-height: 29px;
	border: 0px;
}

.dj_ie .dijitToolbar {
	padding-bottom: 2px;
	}

.dj_ie7 .claro .dijitToolbar .dijitButtonContents 
{
	margin: 0px 0px;
}

/* Reposition the big blue button up higher than the other icons */
.dijitToolbar .dijitButtonNode button .toolbarBallIcon{
 	margin-top: -4px;
}

.dj_ie .dijitToolbar .dijitButtonNode button .toolbarBallIcon{
 margin-top: 0px;	
}
/* End blue button repositioning */

/* FF and IE, but IE overridden in next class */
.dijitToolbar .dijitButtonNode button { 
	padding: 3px 0px 0px 0px; /* Top, Right, Bottom, Left */
}

.dj_ie .dijitToolbar .dijitButtonNode button { 
	/*  
		match firefox's padding in IE. 
	*/ 
	padding: 0px 3px 0px 3px; /* Top, Right, Bottom, Left */
	margin-top: -2px;
}

.claro .dijitToolbar .dijitButtonHover,
.claro .dijitToolbar .dijitToggleButtonHover,
.claro .dijitToolbar .dijitDropDownButtonHover,
.claro .dijitToolbar .dijitComboButtonHover .dijitButtonContents,
.claro .dijitToolbar .dijitComboButtonDownArrowHover .dijitDownArrowButton {
	border:1px solid #CEB694; /* this puts the border all the way around the button */
	border-top: 1px solid #FFFFFF;
	_border-top: 0px;
}

.claro .dijitToolbar .dijitButtonChecked {
    background-color: #D4DFF2;
    border: 1px solid #316AC5;
    padding: 0;
}

.claro  .dijitToolbar .dijitButtonDisabled .dijitButtonNode,
.claro  .dijitToolbar .dijitToggleButtonDisabled .dijitButtonNode,
.claro  .dijitToolbar .dijitDropDownButtonDisabled .dijitButtonNode,
.claro  .dijitToolbar .dijitComboButtonDisabled .dijitButtonNode
{
	background: none;
    border-color: transparent;
	opacity: 0.2;
	filter: alpha(opacity=20);
}

.dj_ie .claro .dijitToolbar .dijitComboButton .dijitButtonContentsFocused,
.dj_ie .claro .dijitToolbar .dijitComboButton .dijitDownArrowButtonFocused {
	/* focus border doesn't appear on <td> for IE, so need to add it manually */
	border:1px solid #CEB694;
	border-top: 1px solid #FFFFFF;
	padding: 0px;
	_border-top: 0px;
}


/*
.claro .dijitToolbar .dijitButtonCheckedHover,
.claro .dijitToolbar .dijitComboButtonCheckedHover,
.claro .dijitToolbar .dijitToggleButtonCheckedHover{
	background-color:#abc1e5;
	border:1px solid #316ac5;
	padding: 0px;
	border-top: 1px solid #FFFFFF;	
}*/

.claro .dijitToolbar .dijitToolbarSeparator {
	width:5px;
	background-repeat:no-repeat;  	
	background-position:center;  
	margin-left:6px; 	
	margin-right:10px; 	
	background-image:url('images/toolbar/separator.gif') ;
	-moz-user-select: none;
	padding: 0px;
	margin-top: 5px;
}

.dj_ie .dijitToolbarSeparator {
	padding: 0px 3px 0px 4px;
	margin-top: -2px;
}

.claro .dijitToolbar .dijitComboBox{
	margin-top: 4px;
	font-family: "Tahoma";
}

.dj_ie .dijitToolbar .dijitComboBox{
	margin-top: -2px;
	font-family: "Tahoma";
	}
.claro .dijitToolbar .dijitComboButton .dijitButtonNode
{
	padding-bottom: 0px;
}