<style>
/* Pure CSS Tooltips */
span.info{
  position:relative; /*this is the key*/
  z-index:24;
}
span.info:hover{
  z-index:25;
  background-color:#ff0
}
span.info span{
 display:none
}
span.info:hover span{ /*the span will display just on :hover state*/
   display:block;
   position:absolute;
   top:1em;
   left:1em;
   border:1px solid #ccc;
   background-color: #666;
   color:#eee;
   text-align:left;
   padding:6px;
}
span.info2{
  position:relative; /*this is the key*/
  z-index:24;
}
span.info2:hover{
  z-index:25;
  background-color:#ff0
}
span.info2 span{
 display:none
}
span.info2:hover span{ /*the span will display just on :hover state*/
   display:block;
   position:absolute;
   top:1em;
   left:1em;
   border:1px solid #ddd;
   background-color: #bcc;
   color:#eee;
   text-align:left;
   padding:6px;
}

span.paramInfo{
  position:relative; /*this is the key*/
  z-index:24;
}
span.paramInfo:hover{
  z-index:25;
  background-color:#ff0
}
span.paramInfo span{
 display:none
}
span.paramInfo:hover span{ /*the span will display just on :hover state*/
   display:block;
   position:absolute;
   top:1em;
   left:1em;
   width: 10em;
   border:1px solid #ccc;
   background-color: #666;
   color:#eee;
   text-align:left;
   padding:6px;
}


form{
  margin: 0px;
}

textarea{
  vertical-align: bottom;
}

.invokePanel{
  display: none;
}

.resPanel{
  border: thin solid;
  overflow: scroll;
}

</style>
