/* remember to define focus styles! */
:focus {
	outline: 0;
}


.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; }

#tooltip.pretty {
	font-family: Arial;
	border: none;
	width: 460px;
	padding:20px;
	height: 300px;
/*	opacity: 0.8;*/
	background: url('../images/big_shadow.png');
}


#tooltip.pretty h3 {
	margin: 5px 0px;
	margin-top : 10px;
	font-size: 14pt;
	width: 440px;
	text-align: center;
	border :none;
	color : #FF6640;
}
#tooltip.pretty div { width: 400px; text-align: left; font-size: 11pt; padding : 20px;}
#tooltip.pretty div.url{none;}
#tooltip.fancy {
	background: url('../images/shadow2.png');
	padding-top: 5em;
	height: 100px;
}
#tooltip.fancy.viewport-right {
	background: url('../images/shadow2-reverse.png');
}

#extended { margin: 2em 0; }
#extended label { text-decoration: underline; }
#yahoo { width: 7em; }
#right, #right2 { text-align: right; }
#tooltip.right { width: 250px; }
#fancy2 { float: right; }#tooltip {
	position: absolute;
	z-index: 3000;
	border: 1px solid #111;
	background-color: #eee;
	padding: 5px;
	/*opacity: 0.85;*/
}
#tooltip h3, #tooltip div { margin: 0; }