div.tip {
   position:relative;
   margin:6px 3px 5px 8px;
   border:0px 8px 0px 8px;
   }
div.tip ul {
   padding:3px 3px 5px 10px;
   text-decoration:none;   
   list-style-type:none;
   line-height:1.2em;
   }  
.tipTab {
   border-collapse:collapse;
   margin:2px 3px 2px 4px;
   }
.tipTab td {   
   vertical-align: top;
}

table.tipTab td {
   font: 12px/14px verdana, helvetica, sans-serif;
   padding:2px 6px 2px 10px;   
   text-align:left;
   color:black;
}

.tipTopL{
   position:absolute;
   display:block;
   margin:0 7px 4px 4px;   
   float:left;
   top:5px;  
}
.tipTopR { 
   
   margin:3px 4px 4px 5px;     
   float:right;
   left:4px;
   top:5px;  
}
.tipBotL img {
   position:absolute;
   display:block;   
   bottom:5px;
   right:5px;
}
.tipBotR  {
   position:absolute;
   display:block;
   float:right;  
   bottom:5px;
   right:5px;
}

.tipBlue {
  color:blue;
}
.tipRed  {
  color:red;
}
.tipYSpace {
   height:6px;
}
.tipXSpace {
   width:6px;
}