/*
 This CSS for Simple Click&Hover ToolTip
 ----------------------*/
.answer>b {
 position:absolute;
 font: normal bold 14px Comic Sans MS;
 color:#999;
 cursor:pointer;
 padding: 4px;
}
.answer>b {
 top:0;
 right:0;
}
.answer>b:hover,
.answer-left>b:hover {color:#000;}
.answer,
.answer-left { 
 display:none;
 position:absolute;
 z-index:9998;
 background: #EDEDED;
 border-radius: 3px;
 border: 1px solid #ccc;
 color: #000;
 font: normal 500 14px Trebuchet MS;
 text-align:left;
 text-shadow: 0 1px 2px #fff, 0 0 10px #E0F1FF;
 text-decoration: none;
 opacity: 1;
 cursor:default;
 margin-top:-10px;
 width: 180px;
 min-height: 16px;
 white-space: normal;
}
.answer {
 box-shadow: 5px 5px 0.5em -0.1em rgba(0,0,6,0.5);
 right: -190px;
 padding: 5px 20px 7px 7px;
}
.answer:before {
    left: -11px;
    margin-top: 2px;
    content: "";
    position: absolute;
    background: url(ui-icons_444444_256x240.png) -96px -16px no-repeat;
    width: 16px;
    height: 16px;
}