.tooltip-container{
	position: absolute;
	display:none;
	background: rgb(240, 240, 240);
	margin: 0;
	padding: 3px 6px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	border: solid 1px rgb(204, 204, 204);
	font-family: verdana;
	font-size: 12px;
	margin-top: -4px;
	z-index: 25;
	color: black !important;
}

.tooltip-label{
	position: relative;
    z-index: 2;
}

.tooltip-corner{
	position:absolute;
	z-index: 1;
	border-bottom: solid 1px rgb(204, 204, 204);
	border-right: solid 1px rgb(204, 204, 204);
	background: rgb(240, 240, 240);
	width: 10px;
	height: 10px;
	left: 50%;
	margin-left: -5px;
	top: 100%;
	margin-top: -5px;
	-ms-transform:rotate(45deg); /* IE9 */
    -moz-transform: rotate(45deg);  /* FF3.5/3.6 */
    -o-transform: rotate(45deg);  /* Opera 10.5 */
    -webkit-transform: rotate(45deg);  /* Saf3.1+ */
    transform: rotate(45deg);  /* Newer browsers */
    /*filter: progid:DXImageTransform.Microsoft.Matrix(sizingMethod='auto expand', M11=0.7071067811865476, M12=-0.7071067811865475, M21=0.7071067811865475, M22=0.7071067811865476); *//* IE6,IE7, but produces nasty results, so I disabled it */
    -ms-filter: "progid:DXImageTransform.Microsoft.Matrix(SizingMethod='auto expand', M11=0.7071067811865476, M12=-0.7071067811865475, M21=0.7071067811865475, M22=0.7071067811865476)"; /* IE8 */

	zoom: 1;
}