/*
*
* Tipitip.js v1.0.1
*
*/
.tipitip {
    max-width: 250px;
    padding: 9px 14px 12px;
    border: #CFF 3px solid;
	background:linear-gradient(45deg, rgba(51,204,204,.8),rgba(51,51,153,0.3), rgba(0,204,204,.7)) ;
	box-shadow: #39C 0 0 5px, #3CC 0 0 10px, inset #3CC 0 0 20px, inset #3CC 0 0 5px;
	color:#fff;
    font-size: 11px;
    line-height: 25px;
    word-wrap: break-word;
    position: absolute;
    z-index: 99;
	transform:translate(0,-200px)
}

.tipitip:after {
    content: " ";
    border: solid transparent;
    border-width: 12px;
    pointer-events: none;
    position: absolute;
    height: 0;
    width: 0;
}

/* Arrow Align */
.tt-north-west,
.tt-south-west {
    margin-left: 15px;
}
.tt-north-east,
.tt-south-east {
    margin-left: -15px;
}

/* North Styles */
.tt-north-west:after {
    top: 100%;
    right: 10px;
}
.tt-north:after {
    top: 100%;
    left: 50%;
    margin: 0 0 0 -12px;
}
.tt-north-east:after {
    top: 100%;
    left: 10px;
}
.tt-north-west:after,
.tt-north:after,
.tt-north-east:after {
    border-top-color: #fff;
}

/* South Styles */
.tt-south-west:after {
    bottom: 100%;
    right: 10px;
}
.tt-south:after {
    bottom: 100%;
    left: 50%;
    margin: 0 0 0 -12px;
}
.tt-south-east:after {
    bottom: 100%;
    left: 10px;
}
.tt-south-west:after,
.tt-south:after,
.tt-south-east:after {
    border-bottom-color: #fff;
}

/* West and East Styles */
.tt-west:after {
    left: 100%;
    top: 50%;
    margin-top: -12px;
    border-left-color: #fff;
}
.tt-east:after {
    right: 100%;
    top: 50%;
    margin-top: -12px;
    border-right-color: #C96;
}

/* Target Container */
.tipitip-target {
    display: none;
}