.tip
{
   font-size: 14px; font-size: 1.4rem;
   font-family: Verdana, Arial, Helvetica, Sans;
   text-align: left;
   white-space: normal;
   border: solid 3px rgb(0,80,255);
   -webkit-border-radius: 1rem; -moz-border-radius: 1rem; border-radius: 1rem;
   max-width: 600px;
   padding: 1.5rem;
   box-shadow: 0 10px 10px #000000, 0 0 5px #000000, 0 0 10px #000000;
   position: absolute;
   z-index: 100;
   visibility: hidden;
   color: rgb(214,214,214);
   top: 20px;
   left: 90px;
   background-color: rgba(0,0,0,0.95);
}

.smalltip
{
   font-size: 16px; font-size: 1.6rem;
   font-family: Verdana, Arial, Helvetica, Sans;
   text-align: left;
   white-space: normal;
   border: solid 2px rgb(0,80,255);
   -webkit-border-radius: 1rem; -moz-border-radius: 1rem; border-radius: 1rem;
   max-width: 300px;
   padding: 1rem;
   /*box-shadow: 0 0 7px #FFFFFF;*/
   box-shadow: 0 10px 10px #000000;
   position: absolute;
   z-index: 100;
   visibility: hidden;
   color: rgb(214,214,214);
   top: 20px;
   left: 90px; 
   background-color: rgba(0,0,0,0.95);
}


.catTip
{
   font-size: 14px; font-size: 1.4rem;
   font-family: Verdana, Arial, Helvetica, Sans;
   text-align: left;
   white-space: normal;
   border: solid 2px #FFFFFF;
   min-width: 950px;
   padding: 0.5rem;
   box-shadow: 0 10px 10px #000000, 0 0 5px #000000, 0 0 10px #000000;
   position: absolute;
   z-index: 100;
   visibility: hidden;
   color: rgb(214,214,214);
   top: 0px;
   left: 0px;
   background-color: rgba(0,0,0,0.95);
}