/* CSS talk bubble */
.sti-talk-bubble {
    margin: 10px;
    display: block;
    position: relative;
    width: 200px;
    height: auto;
    background-color: white;
}
.sti-border{
    border: 4px solid #BE2828;
}
.sti-round{
    border-radius: 50px;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;

}

/* Right triangle, right side slightly down*/
.sti-tri-right.sti-border.sti-right-in:before {
    content: ' ';
    position: absolute;
    width: 0;
    height: 0;
    left: auto;
    right: -30px;
    top: 34px;
    bottom: auto;
    border: 15px solid;
    border-color: #BE2828 transparent transparent #BE2828;
}
.sti-tri-right.sti-right-in:after{
    content: ' ';
    position: absolute;
    width: 0;
    height: 0;
    left: auto;
    right: -20px;
    top: 38px;
    bottom: auto;
    border: 12px solid;
    border-color: white transparent transparent white;
}


/* talk bubble contents */
.sti-talktext{
    padding: 2em;
    text-align: center;
    line-height: 1.5em;
}
.sti-talktext p{
    /* remove webkit p margins */
    -webkit-margin-before: 0em;
    -webkit-margin-after: 0em;
}

#sti-bulle:hover {
    cursor:pointer;
}

#sti-bulle {
    display:none;
    right: 100px;
    bottom: 20px;
    padding: 5px;
    position: fixed;
    z-index: 3;
} 


#memo-bulles {
    width: 220px;
    /*background-color: #ef8376;*/
    right: 100px;
    bottom: 20px;
    padding: 5px;
    position: fixed;
    z-index: 3;
}