body { font-family: verdana, arial, helvetica, sans-serif;
  font-size: 14px; }
h1 { font-size:18px }	
a:link { color:#33c }	
a:visited { color:#339 }	

/* This is where you can customize the appearance of the tooltip */
div#tipDiv {
  position:absolute; visibility:hidden; left:0; top:0; z-index:10000;
  background-color:#dee7f7; border:1px solid #336; 
  width:250px; padding:4px;
  color:#000; font-size:11px; line-height:1.2;
}
/* These are optional. They demonstrate how you can individually format tooltip content  */
div.tp1 { font-size:10px; color:#336; font-style:normal; font-family: verdana; font-weight: normal; height: auto; width: 250px}
div.tp2 { font-weight:normal; color:#337; font-family: verdana; width: 350px; font-size: 10px; font-style: normal; overflow: auto; z-index: auto; clip:  rect(   ); height: auto}
tp3 { font-size:10px; color:#336; font-style:normal; font-family: verdana; font-weight: normal; height: auto; width: auto }
tp3 { font-size:10px; color:#336; font-style:normal; font-family: verdana; font-weight: normal; height: auto; width: auto }
tp3 {  }
.tp3 {  font-family: verdana; font-size: 10px; font-weight: normal; font-variant: normal; color: #000000}