.dijitTooltip {
	position: absolute;
	z-index: 2000;
	display: block;
	/* make visible but off screen */
	left: 50%;
	top: -10000px;
	overflow: visible;
}


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

.dijitTooltipContainer {
	border-width: 1px;
	border-style: solid; 
	padding: 5px;
	font-size: 11px;
	font-family: arial, helvetica, sans-serif;
}

.dj_webkit .dijitTooltipContainer {
	-webkit-border-radius: 3px;
}

.dj_ff3 .dijitTooltipContainer {
	/* only do this for FF3, because FF2 has problems with glitches */
	-moz-border-radius: 3px;
}

.dijit_a11y .dijitTooltipContainer {
	background-color: white !important;
}

.dijitTooltipFocusNode {
	padding: 2px 2px 2px 2px;
}

.dijitTooltipData {
	display:none;
}

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

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


.dijitTooltipConnector {
	/* the border on the triangle */
	position: absolute;
	z-index: 2;
	border:0px;
	top: 7px;
}

.dijitTooltipConnector div {
	/* the background of the triangle */
	font-size: 0; line-height: 0%; width: 0;
	position: absolute;
	border-bottom: 10px solid #b8b5b5;
	border-left: 5px solid transparent;
	border-right: 5px solid transparent;
	top: 6px;
	left: -5px;
	z-index: 3;
}

.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: 3px;
}

.dijitTooltipBelow .dijitTooltipConnector {
	/* the arrow piece for tooltips below an element */
	top: 0px;
	left: 3px;
	width:16px;
	height:14px;
}

.dijitTooltipAbove .dijitTooltipConnector {
	/* the arrow piece for tooltips above an element */
	bottom: 0px;
	left: 3px;
	width:16px;
	height:14px;
}

.dijitTooltipLeft {
	padding-right: 14px;
}

.dijitTooltipLeft .dijitTooltipConnector {
	/* the arrow piece for tooltips to the left of an element, bottom borders aligned */
	right: 0px;
	bottom: 3px;
	width:16px;
	height:14px;
}

.dijitTooltipRight {
	padding-left: 14px;
}

.dijitTooltipRight .dijitTooltipConnector {
	/* the arrow piece for tooltips to the right of an element, bottom borders aligned */
	left: 0px;
	bottom: 3px;
	width:16px;
	height:14px;
}
