.SocialPanel {
    text-align: center ;
    font-size: 14px ;
    background: #dcdada ;
    position: absolute ;
    z-index: 100 ;
    padding: 15px ;
}
.SendMessage {
    cursor:pointer;
}
    .SocialPanel a:hover, .SocialPanel .SendMessage:hover {
        text-decoration:underline;
    }
.SocialPanel:after /* triangle decoration */ {
    width: 0 ;
    height: 0 ;
    border-left: 10px solid transparent ;
    border-right: 10px solid transparent ;
    border-top: 10px solid #dcdada ;
    content: '' ;
    position: absolute ;
    left: 50% ;
    bottom: -10px ;
    margin-left: -10px ;
}
.SocialPanel.top:after {
    border-top-color: transparent ;
    border-bottom: 10px solid #dcdada ;
    top: -20px;
    bottom: auto ;
}
.SocialPanel.left:after {
    left: 10px ;
    margin: 0 ;
}
.SocialPanel.right:after {
    right: 10px ;
    left: auto ;
    margin: 0 ;
}