.tip {font-size: 10px !important; font-family: Verdana,Helvetica,sans-serif; border:solid 2px Maroon; width:260px; 
      padding:16px; position:absolute; z-index: 100; visibility:hidden; background-color:#000069;
      top:20px; left:90px; color:#EEffDD; layer-background-color:#ffff33;}
.tiploose {font-size: 10px !important; font-family: Verdana,Helvetica,sans-serif; border:solid 2px Maroon; width:230px; 
      padding:16px; position:absolute; z-index: 101; visibility:hidden; background-color:#131480;
      top:20px; left:85px; color:#EEffDD; layer-background-color:#ffff33;}
.tipmedium {font-size: 10px !important; font-family: Verdana,Helvetica,sans-serif; border:solid 2px Maroon; width:200px; 
      padding:8px; position:absolute; z-index: 102; visibility:hidden; background-color:#000069;
      top:20px; left:85px; color:#EEffDD; layer-background-color:#ffff33;}
.tipnarrow {font-size: 10px !important; font-family: Verdana,Helvetica,sans-serif; border:solid 2px Maroon; width:130px; 
      padding:16px; position:absolute; z-index: 103; visibility:hidden; background-color:#000069;
      top:20px; left:80px; color:#EEffDD; layer-background-color:#ffff33;}
.tipbody {font-size: 10px !important; font-family: Verdana,Helvetica,sans-serif; color:#44AAFF; text-align: justify;}

/* test xcdr/
.tip {font: 10px/12px Verdana,Helvetica,sans-serif; border: solid 2px Maroon; width: 250px; padding: 14px; 
      background-color: #000069; color: #EEffDD; layer-background-color: #ffff33;
      position: absolute; top: 1px; left: 290px; z-index: 99; visibility: hidden;}
.tipbody {font: 10px/12px Verdana,Helvetica,sans-serif; color: #44AAFF; text-align: justify;}
*/