.tipbubble {
 background: #999;
 border: 1px solid #CCC;
 border-radius: 7px;
 color: #FFF;
 font: normal 500 100% Arial;
 /*text-shadow: 1px 1px 0 #000, 0 0 10px #AEAEB2;*/
}
.tipbubble a {
 color: #9CF;
}
.tipbubble a:hover {
 color: #69F;
}
.tipbubble a:visited {
 color: #CCF;
}
.tipbubble.right-tip-pos {
 box-shadow: 5px 5px 0.5em -0.1em rgba(0,0,6,0.5);
}
.tipbubble.left-tip-pos {
 box-shadow: -5px 5px 0.5em -0.1em rgba(0,0,6,0.5);
}
.tipbubble > .close {
 border: 1px solid #666;
 border-radius: 2px;
 background: #C00;
 color: #FFF; 
}
.tipbubble > .close:hover {
 background: 0;
 border: 1px solid transparent;
 color: #F30;
}
.tipbubble.right-tip-pos:before  {
 border-color: transparent #CCC transparent transparent;
}
.tipbubble.left-tip-pos:before {
 border-color: transparent transparent transparent #CCC;
}
.tipbubble.right-tip-pos:after {
 border-color: transparent #333 transparent transparent;
}
.tipbubble.left-tip-pos:after {
 border-color: transparent transparent transparent #333;
}