#tooltip {
	position: absolute;
	z-index: 3000;
	border: 1px solid #111;
	background-color: #eee;
	padding: 5px;
	opacity: 0.85;
}
#tooltip h3, #tooltip div { margin: 0; }

#tooltip.pretty {
	font-family: Arial;
	font-size: 10pt;
	border: none;
	width: 400px;
	padding: 30px;
	height: 175px;
	opacity: 0.9;
	background: url('shadow_p.png') no-repeat;
}
#tooltip.pretty h3 {
	margin-bottom: 0.75em;
	font-size: 14px;
	width: 270px;
	padding-left: 30px;
	text-align: left;
}
#tooltip.pretty div { width: 350px; text-align: left; }

#tooltip.fancy {
	background: url('shadow4.gif') no-repeat;
	opacity: 0.9;
	margin-top: -45px;
	padding-top: 1em;
	padding-left: 60px;
	margin-left: 10px;
	height: 134px;
	width: 460px;
}

#tooltip.fancy h3{
	padding-left: 40px !important;
	padding-left: 50px;
	text-align: left;
	width: 400px;
}
#tooltip.fancy b{
	color:#1ab130;
}

#tooltip.site {
	background: url('site.png') no-repeat;
	font-family: Arial;
	font-size: 10pt;
	opacity: 1;
	padding-top: 10px;
	padding-left: 15px;
	padding-right: 10px;	
	height: 199px;
	width: 414px;
	border: none;
}

#tooltip.site h3{
	padding-left: 0 !important;
	padding-left: 5px;
	padding-bottom: 10px !important;
	padding-bottom: 5px;
	text-align: left;
}

#tooltip.site i{
	font-size: 15px;
    font-weight: bold;
    margin-top: 0px;
    color: #626262;
}

.site_user {
	padding-right:20px !important;
	padding-right:0px;
	}
	
.site_user img {
	margin-right:30px;
	margin-bottom:5px;
	margin-left:10px;
	}

#tooltip.outils {
	background: url('infos2.png') no-repeat;
	opacity: 1;
	padding-top: 8px;
	padding-left: 10px;
	padding-right: 10px !important;
	padding-right: 0px;
	height: 146px;
	width: 241px;
	font-family: Arial;
	font-size: 10pt;
	border: none;
	margin-right: -30px;
}


#tooltip.user {
	background: url('user.png') no-repeat;
	opacity: 1;
	padding-top: 8px;
	padding-left: 10px;
	padding-right: 10px !important;
	padding-right: 0px;
	height: 146px;
	width: 241px;
	font-family: Arial;
	font-size: 10pt;
	border: none;
}

#tooltip.outils h3, #tooltip.user h3{
	padding-left: 10px !important;
	padding-left: 4px;
	padding-bottom: 10px;
	text-align: left;
	width: 400px;
	font-size: 16px;
}


#tooltip.fancy body, #tooltip.fancy div, #tooltip.site body, #tooltip.site div { 
font-family: 'lucida grande', helvetica, verdana, arial, sans-serif;
display:inline;
 }

    
.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; }
