.glt-elm{
 	position: absolute;
 	left: 0;
 	top: 0;
 	width: 150px;
 	color: #FFFFFF;
  font-family: Verdana, Arial, sans-serif;
  font-size: 11px; font-weight: bold;
	opacity: 0.9;
 	visibility: hidden;
}

.glt-elm p{
	background: #87CEFA;
	margin: 0;
	padding: 0.5em;
	border-right-color: #6495ED;
	border-right-style: solid;
	border-right-width: 1px;
	border-left-color: #6495ED;
	border-left-style: solid;
	border-left-width: 1px;
	border-top-color: #6495ED;
	border-top-style: solid;
	border-top-width: 1px;
	border-bottom-color: #6495ED;
	border-bottom-style: solid;
	border-bottom-width: 1px;
}

.glt-elm img{
 	display: block;
}

/* and this CSS for IE, if you want to use transparency: */

.glt-elm{
 	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=0);
}
.tooltip { width: 150px; color: #fff;}
.tooltip .title { background: #0F6788; font: italic 17px Georgia, serif; padding: 5px;}
.tooltip .content { background: dodgerblue; font: 11px Arial, Helvetica, sans-serif; padding: 5px;}

.pinktip { border: 5px solid #a1a1a1; }
.pinktip .title { background: #ff1e53; color: #fff; font: italic 17px Georgia, serif; padding: 5px; }
.pinktip .content { background: #fff; color: #555555; padding: 5px; }

/* Effects like 'blind' go a little bit better when 
   there is no border on the tooltip itself.
   Put the borders on .title and .content instead,
   here's how to do that: */
.darktip { width: 200px; }
.darktip .title, .darktip .content { border: 5px solid #999999; padding: 5px; }
.darktip .title { border-bottom: none; background: #606060; color: #fff; font: italic 17px Georgia, serif; }
.darktip .content { border-top: none; background: #808080; color: #fff; font: 11px Arial, Helvetica, sans-serif; }