/*Tips*/
.yttips {
    border-radius:3px;
    color: #fff;
    font-size: 12px;
    padding:5px;
}
.yttipsArw {
    content: "";
    height: 0;
    width: 0;
}
.yttipsArw.top {
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-top: 8px solid transparent;
}
.yttipsArw.right {
    border-top: 6px solid transparent;
    border-bottom: 6px solid transparent;
    border-right: 8px solid transparent;
}
.yttipsArw.left {
    border-top: 6px solid transparent;
    border-bottom: 6px solid transparent;
    border-left: 8px solid transparent;
}
.yttipsArw.bottom {
    border-bottom: 8px solid transparent;
    border-right: 6px solid transparent;
    border-left: 6px solid transparent;
}
.yttips,
.yttipsArw {
    -moz-transition: all .2s;
    -webkit-transition: all .2s;
    -o-transition: all .2s;
    -ms-transition: all .2s;
    transition: all .2s;
    position: absolute;
    opacity: 0;
    z-index: 5;
}
.yttips.top,
.yttipsArw.top {
    margin: -10px 0 0 0;
}
.yttips.right,
.yttipsArw.right {
    margin: 0 0 0 10px;
}
.yttips.left,
.yttipsArw.left {
    margin: 0 0 0 -10px;
}
.yttips.bottom,
.yttipsArw.bottom {
    margin: 10px 0 0 0;
}
.yttips.visible, .yttipsArw.visible {
    margin: 0;
    opacity: 1;
}
/*** yttips Orange Theme ***/
.yttips.orange {
    background: #f2843b;
}
.yttipsArw.top.orange {
    border-top-color: #f2843b;
}
.yttipsArw.bottom.orange {
    border-bottom-color: #f2843b;
}
.yttipsArw.left.orange {
    border-left-color: #f2843b;
}
.yttipsArw.right.orange {
    border-right-color: #f2843b;
}