@CHARSET "UTF-8";

/*Tooltip*/

.tundra .dijitTooltip,
.tundra .dijitTooltipDialog {
	/* the outermost dom node, holding the connector and container */
	opacity: 0.95;
	background: transparent;	/* make the area on the sides of the arrow transparent */
}

.dijitTooltipBelow {
	/* leave room for arrow above content */
	padding-top: 13px;
}

.dijitTooltipAbove {
	/* leave room for arrow below content */
	padding-bottom: 13px;
}

.tundra .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: #ffffff url("images/popupMenuBg.gif") repeat-x bottom left;
	*/
	background-color: #fafafa;
	border:1px solid #b6c7d5;
	padding:0.45em;
	border-radius: 6px;
	-moz-border-radius: 7px;
	-webkit-border-radius: 6px;
}

.tundra .dijitTooltipConnector {
	/* the arrow piece */
	border:0px;
	z-index: 2;
}

.tundra .dijitTooltipABRight .dijitTooltipConnector {
	left: auto !important;
	right: 3px;
}

.tundra .dijitTooltipBelow .dijitTooltipConnector {
	/* the arrow piece for tooltips below an element */
	top: 0px;
	left: 3px;
	background:url("../images/tooltipConnectorUp.png") no-repeat top left;
	width:16px;
	height:14px;
}

.dj_ie6 .tundra .dijitTooltipBelow .dijitTooltipConnector {
	background-image: url("../images/tooltipConnectorUp.gif");
}

.tundra .dijitTooltipAbove .dijitTooltipConnector {
	/* the arrow piece for tooltips above an element */
	bottom: 0px;
	left: 3px;
	background:url("../images/tooltipConnectorDown.png") no-repeat top left;
	width:16px;
	height:14px;
}
.dj_ie6 .tundra .dijitTooltipAbove .dijitTooltipConnector {
	background-image: url("/shared/images/tooltipConnectorDown.gif");
}

.tundra .dijitTooltipLeft {
	padding-right: 13px;
}
.dj_ie6 .tundra .dijitTooltipLeft {
	padding-right: 15px;
}
.tundra .dijitTooltipLeft .dijitTooltipConnector {
	/* the arrow piece for tooltips to the left of an element, bottom borders aligned */
	right: 0px;
	bottom: 7px;
	background:url("/shared/images/tooltipConnectorRight.png") no-repeat top left;
	width:16px;
	height:14px;
}
.dj_ie6 .tundra .dijitTooltipLeft .dijitTooltipConnector {
	background-image: url("/shared/images/tooltipConnectorRight.gif");
}

.tundra .dijitTooltipRight {
	padding-left: 13px;
}
.tundra .dijitTooltipRight .dijitTooltipConnector {
	/* the arrow piece for tooltips to the right of an element, bottom borders aligned */
	left: 0px;
	top: 7px;
	background:url("../images/tooltipConnectorLeft.png") no-repeat top left;
	width:16px;
	height:14px;
}
.dj_ie6 .tundra .dijitTooltipRight .dijitTooltipConnector {
	background-image: url("../images/tooltipConnectorLeft.gif");
}