.tipsy { 
	font-size: 10px; 
	position: absolute; 
	padding: 5px; 
	z-index: 1500;
}

.tipsy-inner { 
	max-width: 200px; 
	padding: 5px 8px 4px 8px; 
	text-align: center;
	color: black; 
	
	/* rounded border */
	border: 1px solid #aaa;
	border-radius: 8px;
	-moz-border-radius: 8px; 
	-webkit-border-radius: 8px;
	
	/* background */
	background: white;
	
	/* shadow effect */
	box-shadow: 2px 2px 6px #000000;
	-moz-box-shadow: 2px 2px 6px #000000;
	-webkit-box-shadow: 2px 2px 6px #000000;
}

.tipsy-arrow {
	position: absolute; 
	width: 16px; 
	height: 8px; 
	background-image: url(../../../Graphics/Buttons/Default/arrow_up.png);
}
.tipsy-n .tipsy-arrow { top: -2px; left: 50%; margin-left: -8px; }
.tipsy-nw .tipsy-arrow { top: -2px; left: 16px; }
.tipsy-ne .tipsy-arrow { top: -2px; right: 16px; }
.tipsy-s .tipsy-arrow { bottom: -2px; left: 50%; margin-left: -8px; background-image: url(../../../Graphics/Buttons/Default/arrow_down.png) !important; }
.tipsy-sw .tipsy-arrow { bottom: -2px; left: 16px; background-image: url(../../../Graphics/Buttons/Default/arrow_down.png) !important; }
.tipsy-se .tipsy-arrow { bottom: -2px; right: 16px; background-image: url(../../../Graphics/Buttons/Default/arrow_down.png) !important; }
.tipsy-e .tipsy-arrow { right: -2px; top: 50%; margin-top: -8px; background-image: url(../../../Graphics/Buttons/Default/arrow_right.png) !important; width: 8px !important; height: 16px !important; }
.tipsy-w .tipsy-arrow { left: -2px; top: 50%; margin-top: -8px; background-image: url(../../../Graphics/Buttons/Default/arrow_left.png) !important; width: 8px !important; height: 16px !important; }

/* custom styling for Tutorial Builder */
.tipsy span.highlight { color: #FF8C1F; font-weight: bold; }