.colorTip{

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

	

	display:none;

	position:absolute;	

	left:50%;

	top:-30px;

	padding:6px;

	

	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;

}



.pointyTip,.pointyTipShadow{

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

	border:6px solid transparent;

	bottom:-12px;

	height:0;

	left:50%;

	margin-left:-6px;

	position:absolute;

	width:0;

}



.pointyTipShadow{

	/* The shadow tip is 1px larger, so it acts as a border to the tip */

	border-width:7px;

	bottom:-14px;

	margin-left:-7px;

}



.colorTipContainer{

	position:relative;

	text-decoration:none !important;

}





/* 6 Available Color Themes */



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

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

.white .colorTip{

	background-color:white;

	border:1px solid #DDDDDD;

	color:#555555;

}



.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:#012e4d;}

.blue .pointyTipShadow{ border-top-color:#012e4d;}

.blue .colorTip{

	background-color:#024e82;

	border:1px solid #012e4d;

	color:#60e0e1;

	text-shadow:none;

	font-family:tahoma;

	font-size:12px;

	font-style:normal;

	text-decoration:none;

}



.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:#bb3b1d;}

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

.red .colorTip{

	background-color:#bb3b1d;

	border:1px solid #8f2a0f;

	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;

	font-family:tahoma;

	font-size:12px;

	font-style:normal;

	text-decoration:none;



}