.BubbleDiv {
    position:absolute;
    width:20em;
    z-index:99;    
}

.BubbleShadow {
    background: #BBBBBB;
    border: 1px solid #BBBBBB;
    display: block;
}

.Bubble {
    position: relative; 
    padding: 0px;
    left: -5px;
    top: -5px;
    background: #ffffff; 
    border: 1px solid #8c8f91; 
    font-weight: normal;
}

.BubbleShadow, .Bubble {
    border-radius: 5px;
}

.Bubble .topLeftArrow, 
.Bubble .topRightArrow {
    margin: 0px;
    width: 44px;
    height: 15px;
    position: relative;
    display: none;
}

.Bubble .bottomLeftArrow,
.Bubble .bottomRightArrow {
    margin: 0px;
    width: 53px;
    height: 20px;
    position: relative;
    display:block;
}

.Bubble .bottomLeftArrow {
    top:-1px;
    left:0px;
    float:left;
    background-image: url(../images/bubble/bottomLeftArrow.png);
    background-repeat: no-repeat;
}

.Bubble .bottomRightArrow {
    top:0px;
    left:-5px;
    float:right;
    background-image: url(../images/bubble/bottomRightArrow.png);
}

.Bubble .topLeftArrow {
    left:5px;
    float:left;
    background-image: url(../images/bubble/topLeftArrow.png);
}

.Bubble .topRightArrow {
    left:-5px;
    float:right;
    background-image: url(../images/bubble/topRightArrow.png);
}

.BubbleHeader {
    overflow: auto;
    margin-right: 1px;
    background-color: #e1e5e8;
    border-bottom: 1px solid #8c8f91;
}

.BubbleTitle {
    float: left;
    width: 75%;
    padding: 0;
    margin-top: 4px;
    margin-bottom: 4px;
    margin-left: 10px;
    margin-right: 10px;
    color: #36586f;
    font-size: 1.0em;
    font-weight: bold;
}

.BubbleTitleEditor {
    float: left;
    width: 75%;
    padding: 0;
}

.BubbleCloseBtn, .NoBubbleCloseBtn {
    float: right;
    margin-top: 4px;
    margin-bottom: 4px;
    margin-right: 4px;
    width: 15px;
    height: 14px;
}

.BubbleEditBtn {
    float: right;
    margin-top: 4px;
    margin-bottom: 4px;
    margin-right: 4px;
    width: 15px;
    height: 15px;
}

.BubbleCloseBtn {
    background-image: url(../images/bubble/dismiss_icon.png);
}

.BubbleEditBtn {
    background-image: url(../images/bubble/edit_icon.png);
}

.NoBubbleCloseBtn {
    background-image: url(../images/bubble/dot.gif);
}

.BubbleContent {
    margin:10px;
    padding:1px;  // in case of no content
    clear: both;
}

.BubbleContentEditor textarea {
    resize: none;
    width: 99%;
    height: auto;
}

.BubbleTitleEditor textarea {
    resize: none;
    height: auto;
}