/*************************************
	dijit TabContainer
 purpose: provide layout for TabContainer and Tabs
**************************************/

.dijitTabContainerTop-tabs {
  /*
  For now: use auto height this allows tabs to overflow to the next line cleanly.
  Dojo 1.4 has better support for tabs.
  */
  height: auto;
  padding-left: 12px;

  /* must be included to provide overlapping */
  border-bottom: 1px solid #ccc;
}

.dijitTab {
  padding: 0 0 0 10px;
  margin: 0 -4px 0 0;
  height: 30px;
  overflow: hidden;
}

.dijitTab .dijitTabInnerDiv {
  padding: 0 10px 0 0;
  margin: 0;
}

/* All tabs should have the same height
  Reason: If we allow the tab to change height or position attributes the container may (most likely) cause a resize.
  Solution: fix dijitTab height to 30px.  set inner content top padding 11px, line height 14px, padding bottom 5px (sum: 30px).
*/
.dijitTab .dijitTabInnerDiv .dijitTabContent {
  padding: 11px 5px 5px 5px;
  font-weight: bold;
  text-align: center;
  line-height:14px;
}

/* increase padding on the bottom to overlap tab content */
.dijitTabChecked {
  /* must be included to provide overlapping */
  border-bottom: none;
}

.dijitTab .dijitTabContent .busyImage {
	display:inline-block;
	padding: 0;
}

.dijitTab .dijitClosable  .closeButton {
	display:inline-block;
	cursor: pointer;
}