analytics/webcontent/tm1/bux/css/cognosTheme/tab.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.
*****************************************************************/



/* Top tabs */
/* container that holds all tabs */

.tabLabel {
	font-family: Tahoma,'Trebuchet MS',Arial,Verdana,Helvetica,sans-serif;
	font-size: 8pt;
}

.CVTabs .dijitTabPaneWrapper{
	border:1px solid #589EBD;
	border-top: 0px;
}

.navTabs .dijitTabPaneWrapper{
	border:1px solid #ADC3D6;
	border-bottom: none;
}

.claro .dijitTabContainerTop-dijitContentPane,
.claro .dijitTabContainerLeft-dijitContentPane,
.claro .dijitTabContainerBottom-dijitContentPane,
.claro .dijitTabContainerRight-dijitContentPane,
.claro .dijitAccordionContainer-dijitContentPane {
	padding: 0px;
}


.claro .dijitTabPaneWrapper .dijitToolbar{
	margin-top: 2px;
}

.claro .dijitTab {
	margin-right:0px;	/* space between one tab and the next in top/bottom mode */

	/* This is where we can set the tab width % if we have two tabs and want to use up all the room */
}



/* strip */
.claro .dijitTabContainerTopStrip {
	padding-left: 0px;
}

/* line on top that does not include line under tabs */
.claro .dijitTabContainerTop-tabs {
	border-color: #FFFFFF;
	border-bottom: 1px solid #589EBD;
	/* tabs in a dialog have a while background and no line */
	background-color: #FFFFFF;
}
.claro .dijitTabContainerTop-tabs .dijitTab {
	background-color:#fff;
	border-color: #A5BEC6;
	border-bottom: 1px solid #589EBD;
	background: url("images/tab/tab_inactive_m.png") repeat-x top;
	-webkit-border-top-left-radius: 5px;
	-webkit-border-top-right-radius: 5px;
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-topright: 5px;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
}

.claro .dijitTabContainerTop-tabs .dijitTabChecked {
	/* the selected tab (with or without hover) */
	background-color:#fff;
	border-color: #589EBD;
	border-top: 1px solid #EF8E21;
	border-bottom: 1px solid white;
	background: url("images/tab/tab_active_m.png") repeat-x top;
}
 /* hovered tab */
.claro .dijitTabContainerTop-tabs .dijitTabHover {
	color: #243C5F;
	border-top-color:#A5BEC6;
	border-left-color:#A5BEC6;
	border-right-color:#A5BEC6;
	background:#e2e2e2 url("images/tab/tab_hover_m.png") repeat-x;
}

.claro .dijitTabContainerTop-tabs .dijitTabCheckedHover {
	color: inherit;
	border:1px solid #589EBD;
	background:#fff;
	border-top: 1px solid #EF8E21;
	background: url("images/tab/tab_active_m.png") repeat-x top;
}

.claro .dijitTab .dijitClosable .closeImage {
	background: url("images/tab/action_tab_close.png") no-repeat right top;
	width: 12px;
	height: 12px;
}

/* Close button */
.claro .dijitTab .closeImage {
	background-image : url("images/tab/action_tab_close.png");
}
.dj_ie6 .claro .dijitTab .closeImage {
	background-image : url("images/tab/action_tab_close.png");
}

.claro .dijitTab .closeButton-hover .closeImage {
	background-image : url("images/tab/action_tab_close_h.png");
}
.dj_ie6 .claro .dijitTab .closeButton-hover .closeImage {
	background-image : url("images/tab/action_tab_close_h.png");
}


/* Bottom tabs */

.claro .dijitTabContainerBottomStrip {
	padding-left: 0px;	

}

	
/* This is the background for the tabs */	
.claro .dijitTabContainerBottom-tabs {
	background-color: #D6EBFF;
	border-color: #6B7D9C;
	border-bottom: none;
	border-right: none;
	border-left: none;
	/* IE is a few pixels lower - change it */
	/* FF ignores the negative margin, but prefix it with a "_" anyway */
	_margin-top: -5px;
}

.claro .dijitTabContainerBottom-tabs .dijitTab {
	border: 1px solid #B5D3E7;
	border-top: 0px;
	background: url("images/tab/contentpane_tab_unselect_m.png") repeat-x top;
	-moz-border-radius-bottomright: .35em .35em;
	-moz-border-radius-bottomleft:  .35em .35em;
}

.claro .dijitTabContainerBottom-tabs .dijitTabChecked {
	/* the selected tab (with or without hover) */
	border-color: #ADC3D6;
	border-top: 0px;
	background: url("images/tab/contentpane_tab_select_m.png") repeat-x top;
}

/*.claro .dijitTabContainerTop-spacer*/ 
.claro .dijitTabContainerBottom-spacer{
	height: 0px;
	border-top: 1px solid #6B7D9C;
	background: none;
}