/**
 * Tooltip and Pointer CSS
 *
 * @link http://www.filamentgroup.com/examples/fg-tooltip/?noheader
 */
.bubble {
    max-width: 155px;
    padding: .8em;
    border-width: 1px !important;
    /*border-color: #5186bc !important;*/
    border-color: #777 !important;
    position: absolute;
    z-index: 9999;
    text-align: center;
    background: rgba(197, 201, 206, 0.9) !important;
    color: #000 !important;

    box-shadow: 4px 4px 8px #222;
    -moz-box-shadow: 4px 4px 8px #222;
    -webkit-box-shadow: 4px 4px 8px #222;
}

.bubble .bubble-pointer-down, .bubble .bubble-pointer-down-inner {
    position: absolute;
    width:0;
    height:0;
    border-bottom-width: 0;
    background: none;
}
.bubble .bubble-pointer-down {
    border-left: 7px dotted transparent !important;
    border-right: 7px dotted transparent !important;
    border-top-width: 14px;
    bottom: -14px;
    right: auto;
    left: 50%;
    margin-left: -7px;
}
.bubble .bubble-pointer-down-inner {
    border-left: 5px dotted transparent !important;
    border-right: 5px dotted transparent !important;
    border-top: 10px solid #fff !important;
    bottom: auto;
    top: -14px;
    left: -5px;
}

.bubble-left .bubble-pointer-down {
    border-left: 0 !important;
    border-right: 17px dotted transparent !important;
    border-top-width: 14px !important;
    bottom: -14px;
    right: auto;
    left: 1em;
    margin: 0;
}
.bubble-left .bubble-pointer-down-inner {
    border-left: 0 !important;
    border-right: 12px dotted transparent !important;
    border-top: 10px solid #fff !important;
    bottom: auto;
    top: -14px;
    left: 2px;
}
.bubble-right .bubble-pointer-down {
    border-left: 17px dotted transparent !important;
    border-right: 0 !important;
    border-top-width: 14px !important;
    bottom: -14px;
    right: 1em;
    left: auto;
    margin: 0;
}
.bubble-right .bubble-pointer-down-inner {
    border-left: 12px dotted transparent !important;
    border-right: 0 !important;
    border-top: 10px solid #fff !important;
    bottom: auto;
    top: -14px;
    right: 2px;
    left: auto;
}

.bubble-pointer-down {
    /*border-color: #5186bc !important;*/
    border-color: #777 !important;
}

.bubble .bubble-pointer-down-inner {
    /*border-top: 10px solid #f0f0f0 !important;*/
    border-top: 10px solid rgba(197, 201, 206, 0.9) !important;
}

textarea.bubbleable,
select.bubbleable,
input.bubbleable {
    border-color: #6090B2 !important;
    border-left-width: 3px !important;
}