/***************************  Tool Tip Style *******************/
.ui-tooltip, .arrow:after 
{
   background: #00529a;
   border: #9c3031 4px solid;
}
.ui-tooltip 
{
   padding: 10px 20px;
   color: white;
   border-radius: 4px;
   font: bold 14px "Helvetica Neue", Sans-Serif;
   text-transform: uppercase;
   -webkit-box-shadow: 0px 0px 0px #888888;
   -moz-box-shadow: 0px 0px 0px #888888;
   box-shadow: 0px 0px 0px #888888;
   z-index:99999;
}
.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;
   -webkit-box-shadow: 0px 0px 0px #888888;
   -moz-box-shadow: 0px 0px 0px #888888;
   box-shadow: 0px 0px 0px #888888;
   -webkit-transform: rotate(45deg);
   -ms-transform: rotate(45deg);
   transform: rotate(45deg);
}
.arrow.top:after 
{
   bottom: -20px;
   top: auto;
}