.tip {
	position: relative;
	z-index: 10001;
}

.tip .title { 
  font: italic 15px Georgia, serif; 
  padding: 5px; 
  display: block; 
  background:  #323232; 
  color: #fff; 
 
}
.tip .content { 
  font-size: 9px; 
  text-align: left;
  padding: 5px; 
  width: 310px; /*it was 250px;*/
  background:  #575757; 
  color: #fff; 
  z-index: 10000;
  position: relative;
}

.other .content { 
  font-size: 10px; 
  text-align: left;
  padding: 5px; 
  padding-top: 7px; 
  padding-bottom: 7px; 
  width: 230px; 
  background:  #575757; 
  color: #fff; 
  z-index: 10000;
  position: relative;
}

.otherLittle{
  font-size: 12px; 
  text-align: left;
  width: 70px;  
  color: red; 
  z-index: 10000;
  position: relative;
}

/* Tooltip with a border and fixed width */
.borderedTip { width: 200px; }
.borderedTip .title { 
  border: 5px solid #999999; 
  border-bottom: none; 
  padding: 5px; 
  font: italic 15px Georgia, serif; 
  display: block; 
  background: #606060; 
  color: #fff; 
 
}
.borderedTip .content { 
  font-size: 9px; 
  padding: 10px; 
  background: #808080; 
  color: #fff; 
  border: 5px solid #999999;
  border-top: none;
  z-index: 10001 ;
  position: relative;
}