.colorTip{

	/* This class is assigned to the color tip span by jQuery */

	display: none;

	position: absolute;	

	left: 50%;

	z-index: 200;

	top: -35px;

	padding:6px;

	text-indent:initial;

	background-color: white;

	font-family: Arial,Helvetica,sans-serif;

	font-size: 11px;

	font-style: normal;

	line-height:1;

	text-decoration: none;

	text-align: center;

	text-shadow: 0 0 1px white;

	white-space: nowrap;

	

	-moz-border-radius: 4px;

	-webkit-border-radius: 4px;

	border-radius: 4px;

	box-shadow:0 0 4px 0 #ddd;

	-moz-box-shadow:0 0 4px 0 #ddd;

	-webkit-box-shadow:0 0 4px 0 #ddd;

}



.pointyTip,.pointyTipShadow{

	/* Setting a thick transparent border on a 0x0 div to create a triangle */

	border: 6px solid transparent;

	bottom: -13px;

	height: 0;

	left: 50%;

	margin-left: -6px;

	position: absolute;

	width: 0;

	

 

}



.pointyTipShadow { border-width: 7px; bottom: -15px; margin-left: -7px; }

.colorTipContainer{ position: relative; text-decoration: none !important; }



.white .pointyTip { border-top-color: #fff;}

.white .pointyTipShadow { border-top-color: #ddd;}

.white .colorTip { background-color: #fff; border: 1px solid #ddd; color: #555; }



.yellow .pointyTip { border-top-color: #f9f2ba; }

.yellow .pointyTipShadow { border-top-color: #e9d315; }

.yellow .colorTip { background-color: #f9f2ba; border: 1px solid #e9d315; color: #5b5316; }



.blue .pointyTip { border-top-color:#d9f1fb; }

.blue .pointyTipShadow{ border-top-color:#7fcdee; }

.blue .colorTip{ background-color:#d9f1fb; border:1px solid #7fcdee; color:#1b475a; }



.green .pointyTip{ border-top-color:#f2fdf1;}

.green .pointyTipShadow{ border-top-color:#b6e184;}

.green .colorTip{ background-color:#f2fdf1; border:1px solid #b6e184; color:#558221; }



.red .pointyTip { border-top-color:#DD8709; }

.red .pointyTipShadow { border-top-color:#DD8709; }

.red .colorTip { background-color: #DD8709; border: 1px solid #DD8709; color: #fcfcfc; text-shadow: none; }



.black .pointyTip{ border-top-color: #333; }

.black .pointyTipShadow { border-top-color: #111; }

.black .colorTip { background-color: #333; border: 1px solid #111; color: #fcfcfc; text-shadow: none; }