/* CUSTOM TOOLTIP */

span.tool {
  position: relative; 
  cursor:default;
}
 
span.tool span.tip {
  display: none; 
}

 
span.tool:hover span.tip {
  display: block;
  z-index: 10000 !IMPORTANT;
  position: absolute;
  top: 1.6em;
  left: 20px;
  width:200px;
  padding: 3px 7px 4px 6px;
  border: 1px solid #336;
  background-color: #f7f7ee;
  font: normal 0.9em/1.2em arial, helvetica, sans-serif;
  text-align: left;
  color: #000;
}

#content span.tool::after {
  padding-left: 2px; 
}

/* CUSTOM TOOLTIP - CURSUSPLANNING */

span.tool2 {
  position: relative; 
  cursor:default;
}
 
span.tool2 span.tip2 {
  display: none; 
}

 
span.tool2:hover span.tip2 {
  display: block;
  z-index: 10000 !IMPORTANT;
  position: absolute;
  top: 0;
  right: 20px;
  width:200px;
  padding: 3px 7px 4px 6px;
  border: 1px solid #336;
  background-color: #f7f7ee;
  font: normal 0.9em/1.2em arial, helvetica, sans-serif;
  text-align: left;
  color: #000;
}

#content span.tool2::after {
  padding-left: 2px; 
}