.ui-tooltip, .arrow:after {
    background: white;
    border: 1px solid #879CB7;
}
.ui-tooltip {
    z-index: 9999;
	padding-top: 15px;
    padding: 10px;
    border-radius: 3px;
    font:  10px Sans-Serif;
    box-shadow: 0 2px 5px #526E90;
    width: 250px;
	border-color: #879CB7;
	position: absolute;
	left: -30px;
}

.arrow {
    width: 50px;
    height: 15px;
    overflow: hidden;
    position: absolute;
    left: 20%;
    margin-left: 30px;
    bottom: -126px;
	border-color: #879CB7;
}
.arrow.top, .arrow.bottom {
    background: none;
    border: none; 
    padding: 0;
}
.arrow.top {
    top: -15px;
    bottom: auto;
}
.arrow.left {
    left: 10%;
}
.arrow:after {
   content: "";
   position: absolute;
   left: 10px;
   top: -20px;
   width: 23px;
   height: 23px;
   border-color: #879CB7;
   box-shadow: 0 2px 5px #526E90;
   -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;
}