.pointer { 
  cursor: pointer;
 }

.tooltip a {
  margin:0 10px; 
  position:relative; 
  text-decoration:none;
}
.tooltip a:hover {
  position:relative; 
  z-index:1;
}
.tooltip a span { 
  display: none;
}
.ddtooltip  {
  display: none; 
  position: relative; 
  z-index:12;
  top: 5px; 
  left: 10px; 
  width: 620px; 
  background-color: #EEF3F9;
  color: black;
  padding: 10px 7px; 
  font-size: 0.8em;  
  border:1px solid black;
}
.notepad-close { 
float: left;
 }
.notepad-save { 
float: left;
 }

.notepad-clear { 
clear: both;
}

#ddnotepad { 
  width: 620px;
  border: 1px solid #000000;
  z-index: 4;
  position: absolute;


 }
#ddnotepad .tooltip2 {
  border: 1px solid #000000;
  z-index: 4;
  position: absolute;
        
  width: 620px; 
   left: 20px;
   top: 20px;
   display: none;
   background-color: #FFFFFF;
   padding: 2px;
}

#ddnotepad .tooltip2 .head{
	background-color: #006666;
	color: white;
	font-weight: bold;
	padding: 2px;
}


#ddnotepad .tooltip2 .content{
  color: 000066;
  font-size: 10px;

}

#ddnotepad .tooltip2 .content td{
  width: 50%;
	font-size: 10px;
	text-align: center;
}
.tooltip2 {
  border: 1px solid #000000;
        
  position: absolute;
   left: 20px;
   top: 20px;
   display: none;
   background-color: #FFFFFF;
   padding: 2px;
   z-index: 4;
}

.tooltip2 .head{
	background-color: #006666;
	color: white;
	font-weight: bold;
	padding: 2px;
}
.tooltip2 .content{
	color: 000066;
	font-size: 10px;
	border-size: 4px;
}
.tooltip2 .content td{
  width: 50%;
	font-size: 10px;
	text-align: center;
}

.tooltip2 .head a{
	color: white;
	font-weight: bold;
	padding: 2px;
  text-decoration:none;
}