.colorTipContainer{
    position:relative;
    text-decoration:none !important;
}
 
.colorTip{
	text-indent:0px;
    display:none;
    position:absolute;
    left:50%;
    top:-40px;
    padding:6px;
    background:#000000;
	color:#ffffff;
    font-family:Arial,Helvetica,sans-serif;
	font-family:'Roboto Condensed','sans-serif';
    font-size:16px;
    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{
    /* создаем треугольник */
    border:6px solid transparent;
    bottom:-12px;
    height:0;
    left:50%;
    margin-left:-6px;
    position:absolute;
    width:0;
}
 
.pointyTipShadow{
    border-width:7px;
    bottom:-14px;
    margin-left:-7px;
}

.colorTip u {
	content:"";
	position:absolute;
	left:50%;
	bottom:-14px;
	margin-left:-7px;
	width:0px;
	height:0px;
	display:block;
	
	border:7px solid transparent;
	border-top:7px solid #333333;
}

	
.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:#d9f1fb;}
.blue .pointyTipShadow{ border-top-color:#7fcdee;}
.blue .colorTip{
    background-color:#d9f1fb;
    border:1px solid #7fcdee;
    color:#1b475a;
}
 
.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;
}
 
.green .pointyTip{ border-top-color:#f2fdf1;}
.green .pointyTipShadow{ border-top-color:#b6e184;}
.green .colorTip{
    background-color:#333333;
    border:1px solid #333333;
    color:#fcfcfc;
    text-shadow:none;
}
 
.black .pointyTip{ border-top-color:#333;}
.black .pointyTipShadow{ border-top-color:#333333;}
.black .colorTip{
    background-color:#333;
    border:1px solid #333333;
    color:#fcfcfc;
    text-shadow:none;
}