.colorTip{
	/* This class is assigned to the color tip span by jQuery */
	
	display:none;
	position:absolute;	
	left:50%;
	top:-30px;
	padding:6px;
	z-index: 100;
	background-color:white;
	font-family: Arial,Helvetica;
	font-size:12px;
	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;
	font-weight: normal;

}

.yellow .pointyTip{ border-top-color:#f0ad4e;}
.yellow .pointyTipShadow{ border-top-color:#d99739;}
.yellow .colorTip{
	background-color:#f0ad4e;
	border:1px solid #d99739;
	color:#fcfcfc;
	font-weight: normal;
	text-shadow: 0 1px 0 #ad936f;
	opacity: 0.9;
	box-shadow: 0 10px 25px -8px rgba(0,0,0,.4);
}


.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:#5cb85c;}
.green .pointyTipShadow{ border-top-color:#439043;}
.green .colorTip{
	box-shadow: 0 0 5px rgba(0,0,0,.1);
	background-color: #5cb85c;
	border:1px solid #439043;
	color:#fcfcfc;
	/*box-shadow: inset 0 1px 0 rgba(255,255,255,0.4);*/
	text-shadow: 0 1px 0 #439043;
	font-weight: normal;
	opacity: 0.9;
	box-shadow: 0 10px 25px -8px rgba(0,0,0,.4);
}

.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;
	opacity: 0.9;
	box-shadow: 0 10px 25px -8px rgba(0,0,0,.4);
}

.black .pointyTip{ border-top-color:#233445;}
.black .pointyTipShadow{ border-top-color:#111;}
.black .colorTip{
	background-color:#233445;
	border:1px solid #233445;
	color:#fcfcfc;	
	text-shadow: none;
	text-shadow: 0 1px 0 #000;
	font-weight: normal;
	opacity: 0.9;	
	letter-spacing: 0.1pt;
	box-shadow: 0 10px 25px -8px rgba(0,0,0,.4);
}