.custom-custom-custom {
  /* Tooltip and TooltipDialog */
}
.custom-custom-custom .dijitDialog {
  background: custom-dijitDialog-background-custom;
  border: 1px solid custom-dijitDialog-border-custom;
  -webkit-box-shadow: 0 5px 10px custom-dijitDialog-webkit-box-shadow-custom;
  padding: 0;
}
.custom-custom-custom .dijitDialog .dijitDialogTitle {
  /* typography and styling of the dialog title */
  font-weight: bold;
  padding: 0 4px;
  font-size: 0.9em;
  color: custom-dijitDialog-dijitDialogTitle-color-custom;
}
.custom-custom-custom .dijitDialog .dijitDialogPaneContent {
  background: custom-dijitDialog-dijitDialogPaneContent-background-custom;
  border-top: 1px solid custom-dijitDialog-dijitDialogPaneContent-border-top-custom;
  padding: 10px;
}
.custom-custom-custom .dijitDialogTitleBar {
  /* outer container for the titlebar of the dialog */
  background: custom-dijitDialogTitleBar-background-custom url("images/titleBar.png") repeat-x top left;
  padding: 5px 6px 3px 6px;
  outline: 0;
  /* remove this line if keyboard focus on dialog startup is an issue. tab still takes you to first focusable element */
}
.custom-custom-custom .dijitDialogCloseIcon {
  /* the default close icon for the dialog */
  background-image: url("images/spriteRoundedIconsSmall.png");
  background-repeat: no-repeat;
  background-position: -60px 0;
  position: absolute;
  vertical-align: middle;
  right: 6px;
  top: 4px;
  height: 15px;
  width: 15px;
}
.custom-custom-custom .dj_ie6 .dijitDialogCloseIcon {
  background-image: url("images/spriteRoundedIconsSmall.gif");
}
.custom-custom-custom .dijitDialogCloseIconHover {
  background-position: -60px -15px;
}
.custom-custom-custom .dijitTooltip,
.custom-custom-custom .dijitTooltipDialog {
  /* the outermost dom node, holding the connector and container */
  background: transparent;
  /* make the area on the sides of the arrow transparent */
}
.custom-custom-custom .dijitTooltipBelow {
  /* leave room for arrow above content */
  padding-top: 10px;
}
.custom-custom-custom .dijitTooltipAbove {
  /* leave room for arrow below content */
  padding-bottom: 10px;
}
.custom-custom-custom .dijitTooltipContainer {
  /*
		The part with the text.

		NOTE:
			FF doesn't clip images used as CSS bgs if you specify a border
			radius. If you use a solid color, it does. Webkit gets it right.
			Sigh.
		background: @dijitTooltipContainer-background url("images/popupMenuBg.gif") repeat-x bottom left;
	*/
  background-color: custom-dijitTooltipContainer-background-color-custom;
  border: 1px solid custom-dijitTooltipContainer-border-custom;
  padding: 0.45em;
}
.custom-custom-custom .dijitTooltipConnector {
  /* the arrow piece */
  border: 0;
  z-index: 2;
}
.custom-custom-custom .dijitTooltipABRight .dijitTooltipConnector {
  /* above or below tooltip, but the arrow appears on the right,
		and the right edges of target and tooltip are aligned rather than the left */
  left: auto !important;
  right: 6px;
}
.custom-custom-custom .dijitTooltipBelow .dijitTooltipConnector {
  /* the arrow piece for tooltips below an element */
  top: 0;
  left: 6px;
  background: url("images/tooltipConnectorUp.png") no-repeat top left;
  width: 17px;
  height: 11px;
}
.custom-custom-custom .dj_ie .dijitTooltipBelow .dijitTooltipConnector {
  background-image: url("images/tooltipConnectorUp.gif");
}
.custom-custom-custom .dijitTooltipAbove .dijitTooltipConnector {
  /* the arrow piece for tooltips above an element */
  bottom: 0;
  left: 6px;
  background: url("images/tooltipConnectorDown.png") no-repeat top left;
  width: 17px;
  height: 11px;
}
.custom-custom-custom .dj_ie .dijitTooltipAbove .dijitTooltipConnector {
  background-image: url("images/tooltipConnectorDown.gif");
}
.custom-custom-custom .dj_ie .dijitTooltipAbove .dijitTooltipConnector {
  background-image: url("images/tooltipConnectorDown.gif");
}
.custom-custom-custom .dj_ie6 .dijitTooltipAbove .dijitTooltipConnector {
  bottom: -5px;
}
.custom-custom-custom .dijitTooltipLeft {
  padding-right: 10px;
}
.custom-custom-custom .dijitTooltipLeft .dijitTooltipConnector {
  /* the arrow piece for tooltips to the left of an element, bottom borders aligned */
  right: 0;
  background: url("images/tooltipConnectorRight.png") no-repeat top left;
  width: 11px;
  height: 17px;
}
.custom-custom-custom .dj_ie .dijitTooltipLeft .dijitTooltipConnector {
  background-image: url("images/tooltipConnectorRight.gif");
}
.custom-custom-custom .dijitTooltipRight {
  padding-left: 10px;
}
.custom-custom-custom .dijitTooltipRight .dijitTooltipConnector {
  /* the arrow piece for tooltips to the right of an element, bottom borders aligned */
  left: 0;
  background: url("images/tooltipConnectorLeft.png") no-repeat top left;
  width: 11px;
  height: 17px;
}
.custom-custom-custom .dj_ie .dijitTooltipRight .dijitTooltipConnector {
  background-image: url("images/tooltipConnectorLeft.gif");
}
