.colorTip{
	/* This class is assigned to the color tip span by jQuery */
	
	display:none;
	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:left;
	text-shadow:0 0 1px white;
	white-space:nowrap;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	border-radius:0px;
	z-index: 2;
}
.colorTip_TopRoll {	/* This class is assigned to the color tip span by jQuery */
	display:none;
	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:left;
	text-shadow:0 0 1px white;
	white-space:nowrap;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	border-radius:0px;
	z-index: 2;
	left: 25px;
}

.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 .colorTip{
	background-color:#fefcee;
	border:1px solid #b0ddd2;
	color:#000000;
	font-family: "Courier New", Courier, monospace;
	font-size: 12px;
	text-align: left;
	position: absolute;
	right: -315px;
}

.blue .colorTip{
	background-color:#fefcee;
	border:1px solid #b0ddd2;
	color:#000000;
	font-family: "Courier New", Courier, monospace;
	font-size: 12px;
	text-align: left;
	position: absolute;
	left: 317px;
	top: 0px;
}

.green .colorTip{
	background-color:#fefcee;
	border:1px solid #b0ddd2;
	color:#000000;
	font-family: "Courier New", Courier, monospace;
	font-size: 12px;
	text-align: left;
	position: absolute;
	right: -306px;
	top: 0px;
}


.red .colorTip{
	background-color:#fefcee;
	border:1px solid #b0ddd2;
	color:#000000;
	font-family: "Courier New", Courier, monospace;
	font-size: 12px;
	text-align: left;
	position: absolute;
	left: 278px;
	top: 0px;
}

.black .colorTip{
	background-color:#fefcee;
	border:1px solid #b0ddd2;
	color:#000000;
	font-family: "Courier New", Courier, monospace;
	font-size: 12px;
	text-align: left;
	position: absolute;
	right: -300px;
	top: 0px;
}