/* tool tip */


#tool_tip {
	position: absolute;
	left: 50px;
	top: 50px;
	z-index: 10000;
	width: auto;
	min-width: 200px;
	max-width: 700px;
	height: auto;
	min-height: 40px;
	color: white;
}
#tool_tip > div p{
	font-size: 14px;
	line-height: 1.5em;
}
#tool_tip > div{
	background: black;
	padding: 20px;
}
#tool_tip > div.ws,
#tool_tip > div.es{
	background: -moz-linear-gradient(top,  rgba(0,0,0,0.8) 0%, rgba(0,0,0,1) 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0.8)), color-stop(100%,rgba(0,0,0,1)));
	background: -webkit-linear-gradient(top,  rgba(0,0,0,0.8) 0%,rgba(0,0,0,1) 100%);
	background: -o-linear-gradient(top,  rgba(0,0,0,0.8) 0%,rgba(0,0,0,1) 100%);
	background: -ms-linear-gradient(top,  rgba(0,0,0,0.8) 0%,rgba(0,0,0,1) 100%);
	background: linear-gradient(to bottom,  rgba(0,0,0,0.8) 0%,rgba(0,0,0,1) 100%);
}
#tool_tip > div.wn,
#tool_tip > div.en{
	background: -moz-linear-gradient(top,  rgba(0,0,0,1) 0%, rgba(0,0,0,0.8) 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,1)), color-stop(100%,rgba(0,0,0,0.8)));
	background: -webkit-linear-gradient(top,  rgba(0,0,0,1) 0%,rgba(0,0,0,0.8) 100%);
	background: -o-linear-gradient(top,  rgba(0,0,0,1) 0%,rgba(0,0,0,0.8) 100%);
	background: -ms-linear-gradient(top,  rgba(0,0,0,1) 0%,rgba(0,0,0,0.8) 100%);
	background: linear-gradient(to bottom,  rgba(0,0,0,1) 0%,rgba(0,0,0,0.8) 100%);
}

#tool_tip > div:before{
	content: '';
	display: block;
	position: absolute;
	border: 7px solid black;
}

/* arrow at top right */
#tool_tip > div.wn:before{
	border-color: transparent transparent black black; 
	left: 0;
	top: -14px;
}

/* arrow at top left */
#tool_tip > div.en:before{
	border-color: transparent black black transparent; 
	right: 0;
	top: -14px;
}
/* arrow at bottom left */
#tool_tip > div.ws:before{
	border-color: black transparent transparent black; 
	left: 0;
	bottom: -14px;
}
/* arrow at bottom right */
#tool_tip > div.es:before{
	border-color: black black transparent transparent; 
	right: 0;
	bottom: -14px;
}