.tippix-bubble {
    position: absolute;
    visibility: hidden;
    left: 0;
    top: 0;
    width: auto;
    height: auto;
    border: solid 1px;
    border-radius: 6px;
    -webkit-box-shadow: 1px 1px 4px 2px rgba(0,0,0,.15);
    box-shadow: 1px 1px 4px 2px rgba(0,0,0,.15);
    z-index: 999;
    font-size: 1em;
    max-width: 500px;
    line-height: 1.4em;
    color: rgb(87, 87, 87);
    }
.tippix-bubble .tippix-wrap {
    position: relative;
    }
.tippix-bubble .tippix-wrap .tippix-title {
    border-bottom: solid 1px rgb(119,119,119);
    text-align: left;
    text-transform: uppercase;
    padding: 7px 14px;
    font-weight: bold;
    border-radius: 6px 6px 0 0;
    }
.tippix-bubble .tippix-wrap .tippix-content {
    width: auto;
    height: auto;
    padding: 10px 14px;
    border-radius: 0 0 6px 6px;
    }
.tippix-bubble.top {
    margin-top: -10px;
    }
.tippix-bubble.bottom {
    margin-top: 10px;
    }
.tippix-bubble.left {
    margin-left: -10px;
    }
.tippix-bubble.right {
    margin-left: 10px;
    }
.tippix-bubble.top .tippix-arrow-bg {
    content: '';
    border: 10px solid transparent;
    border-bottom: 0;
    position: absolute;
    bottom: -10px;
    left: 50%;
    margin-left: -10px;
    }
.tippix-bubble.top .tippix-arrow-fr {
    content: '';
    border: 9px solid transparent;
    border-bottom: 0;
    position: absolute;
    bottom: -9px;
    left: 50%;
    margin-left: -9px;
    }
.tippix-bubble.bottom .tippix-arrow-bg {
    content: '';
    border: 10px solid transparent;
    border-top: 0;
    position: absolute;
    top: -10px;
    left: 50%;
    margin-left: -10px;
    }
.tippix-bubble.bottom .tippix-arrow-fr {
    content: '';
    border: 9px solid transparent;
    border-top: 0;
    position: absolute;
    top: -9px;
    left: 50%;
    margin-left: -9px;
    }
.tippix-bubble.right .tippix-arrow-bg {
    content: '';
    border: 10px solid transparent;
    border-left: 0;
    position: absolute;
    left: -10px;
    top: 50%;
    margin-top: -10px;
    }
.tippix-bubble.right .tippix-arrow-fr {
    content: '';
    border: 9px solid transparent;
    border-left: 0;
    position: absolute;
    left: -9px;
    top: 50%;
    margin-top: -9px;
    }
.tippix-bubble.left .tippix-arrow-bg {
    content: '';
    border: 10px solid transparent;
    border-right: 0;
    position: absolute;
    right: -10px;
    top: 50%;
    margin-top: -10px;
    }
.tippix-bubble.left .tippix-arrow-fr {
    content: '';
    border: 9px solid transparent;
    border-right: 0;
    position: absolute;
    right: -9px;
    top: 50%;
    margin-top: -9px;
    }

/* Theme Admin */
.tippix-bubble.theme-admin {
    background-color: #fdfcec;
    border-color: rgb(239,117,69);
    }
.tippix-bubble.theme-admin .tippix-title {
    background-color: #fff200;
    }
.tippix-bubble.theme-admin.top .tippix-arrow-bg {
    border-top-color: rgb(239,117,69);
    }
.tippix-bubble.theme-admin.top .tippix-arrow-fr {
    border-top-color: #fdfcec;
    }
.tippix-bubble.theme-admin.bottom .tippix-arrow-bg {
    border-bottom-color: rgb(239,117,69);
    }
.tippix-bubble.theme-admin.bottom .tippix-arrow-fr {
    border-bottom-color: #fdfcec;
    }
.tippix-bubble.theme-admin.left .tippix-arrow-bg {
    border-left-color: rgb(239,117,69);
    }
.tippix-bubble.theme-admin.left .tippix-arrow-fr {
    border-left-color: #fdfcec;
    }
.tippix-bubble.theme-admin.right .tippix-arrow-bg {
    border-right-color: rgb(239,117,69);
    }
.tippix-bubble.theme-admin.right .tippix-arrow-fr {
    border-right-color: #fdfcec;
    }

/* Theme AdminHelp */
.tippix-bubble.theme-adminhelp {
    background-color: #fdfdfd;
    border-color: rgb(57,135,213);
    }
.tippix-bubble.theme-adminhelp .tippix-title {
    background-color: rgb(192,217,241);
    }
.tippix-bubble.theme-adminhelp.top .tippix-arrow-bg {
    border-top-color: rgb(57,135,213);
    }
.tippix-bubble.theme-adminhelp.top .tippix-arrow-fr {
    border-top-color: #fdfdfd;
    }
.tippix-bubble.theme-adminhelp.bottom .tippix-arrow-bg {
    border-bottom-color: rgb(57,135,213);
    }
.tippix-bubble.theme-adminhelp.bottom .tippix-arrow-fr {
    border-bottom-color: rgb(192,217,241);
    }
.tippix-bubble.theme-adminhelp.left .tippix-arrow-bg {
    border-left-color: rgb(57,135,213);
    }
.tippix-bubble.theme-adminhelp.left .tippix-arrow-fr {
    border-left-color: #fdfdfd;
    }
.tippix-bubble.theme-adminhelp.right .tippix-arrow-bg {
    border-right-color: rgb(57,135,213);
    }
.tippix-bubble.theme-adminhelp.right .tippix-arrow-fr {
    border-right-color: #fdfdfd;
    }