#tooltip {
	position: absolute;
	z-index: 3000;
	border: 1px solid #111;
	background-color: #eee;
	padding: 2px 2px 0px 0px;
	opacity: 0.85;
	color:#666666;
}
#tooltip h3, #tooltip div { margin: 0; }
#tooltip #dno { font-family: "Trebuchet MS", Arial, sans-serif; text-align: center; font-size: 18px; color:#0066FF; font-weight:bold; float:left; height:30px; width:30px; padding:6px 0px 0px 3px; margin:0px; }
#tooltip #dinfo { color:black; float:left; margin-top: 5px; margin-left: 6px; font-size:12px; }
/*.dy { background-color: #00FF33; opacity: 0.5; filter:alpha(opacity=50); border: 1px solid black;}
.dn { background-color: #FF0000; opacity: 0.5; filter:alpha(opacity=50); border: 1px solid black;}*/
#tooltip .davailicon {height:42px; width:32px; float:left; font-size: 10px; margin-left: 6px;}
#tooltip .iconspacer {height:30px;width:32px;background-color: transparent;}
#tooltip .pos { background:url(../img/check.png) top no-repeat; }
#tooltip .neg { background:transparent url(../img/cross.png) top no-repeat; }

#tooltip.pretty {
	font-family: Arial;
	border: none;
	width: 210px;
	padding:20px;
	height: 135px;
	opacity: 0.8;
	background: url('../img/shadow.png');
}
#tooltip.pretty h3 {
	margin-bottom: 0.75em;
	font-size: 12pt;
	width: 220px;
	text-align: center;
}
#tooltip.pretty div { width: 220px; text-align: left; }

#main { padding: 1em; }
#banner { padding: 15px; background-color: #06b; color: white; font-size: large; border-bottom: 1px solid #ccc;
    background: url(bg.gif) repeat-x; text-align: center }
fieldset { padding: 8px; }
legend { font-weight: bold; }
    
.jscom, .mix htcom   { color: #4040c2; }
.com      { color: green; }
.regexp   { color: maroon; }
.string   { color: teal; }
.keywords { color: blue; }
.global   { color: #008; }
.numbers  { color: #880; }
.comm     { color: green; }
.tag      { color: blue; }
.entity   { color: blue; }
.string   { color: teal; }
.aname    { color: maroon; }
.avalue   { color: maroon; }
.jquery   { color: #00a; }
.plugin   { color: red; }