/* tooltip styling. by default the element to be styled is .tooltip  */
  .tooltip {
	display:none;
	/*background:transparent url(black_arrow.png); 
    font-size:12px;
    height:70px;
    width:160px;
    padding:25px;
    color:#fff;*/
	/*Copiado de Lytebox*/
	top: 2em;
	left:0;
	padding: 0.5em 0.8em;
	background: #F4F5FB;
	border: 1px solid #888888;
	border-radius: 5px 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-webkit-box-shadow: 1px 2px 3px 0px #949494;
	-moz-box-shadow: 1px 2px 3px 0px #949494;
	box-shadow: 1px 2px 3px 0px #949494;

	/*width: 200px;*/
	filter: alpha(opacity:95);
	KHTMLOpacity: 0.95;
	MozOpacity: 0.95;
	opacity: 0.95;
	text-align: left;
	font-size: 11px;
	font-family: Arial, Helvetica, sans-serif;
  }
    /* style the trigger elements */
  #demo img {
    border:0;
    cursor:pointer;
    margin:0 1px;
  }
  /* override the arrow image of the tooltip */
.tooltip.bottom {
  /*background:url(black_arrow_bottom.png);
  padding-top:40px;
  height:55px;*/
}