.ui-tooltip, .arrow:after {
	background: #d5d5d6;
	background-image: url(/ai/aiimagenes/fondocajader_off.png);
	background-position: left bottom;
	background-repeat:repeat-x;
    border: 2px solid white;
}
.ui-tooltip {
	padding: 10px 20px;
	color:#807f83;
    border-radius: 5px;
    font: bold 12px "Helvetica Neue", Sans-Serif;
    box-shadow: 0 0 7px black;
}
.arrow {
	width: 70px;
    height: 16px;
    overflow: hidden;
    position: absolute;
    left: 50%;
    margin-left: -35px;
    bottom: -16px;
}
.arrow.top {
	top: -16px;
    bottom: auto;
}
.arrow.left {
	left: 20%;
}
.arrow:after {
	content: "";
    position: absolute;
    left: 20px;
    top: -20px;
    width: 25px;
    height: 25px;
    box-shadow: 6px 5px 9px -9px black;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    tranform: rotate(45deg);
}
.arrow.top:after {
	bottom: -20px;
    top: auto;
}

#tooltip.pretty {
	background: #d5d5d6;
	background-image: url(/ai/aiimagenes/fondocajader_off.png);
	background-position: left bottom;
	background-repeat:repeat-x;
    border: 2px solid white;
	padding: 10px 20px;
    box-shadow: 0 0 7px black;
    text-align:justify;
	opacity: 1;
    border-radius: 5px;
}
#tooltip.pretty h3 {
	xmargin-bottom: 0.75em;
	color:#807f83;
	border-radius: 5px;
    font: bold 12px "Helvetica Neue", Sans-Serif;
	width: 270px;
	text-align: left;
}
#tooltip.pretty div { width: 270px; text-align: left; }