@import url(http://fonts.googleapis.com/css?family=PT+Sans);


/*Tip styles
.jqeasytooltip{ cursor: pointer; }
img.jqeasytooltip{transition:all 0.5s; -webkit-transition:all 0.5s;}
img.jqeasytooltip:hover{ opacity: 0.3;}
.jqeasytooltip:hover{ }


/*Tip Positions*/
*[class*="tiptheme"]{   font-family: 'PT Sans' !important; text-shadow:1px 1px 0 #ccc !important;    padding:15px !important; border-radius: 5px;  display: inline-block; position: absolute; z-index: 9999;}
*[class*="tiptheme"] *:not(i){  font-family: 'PT Sans' !important;  }
*[class*="tiptheme"] h1{ font-size:19px !important;}



.tiptop.swingX, .tiptop.swingXclose{ transform-origin:50% 100%; -webkit-transform-origin:50% 100%;}
.tipbottom.swingX, .tipbottom.swingXclose{ transform-origin:50% 0%; -webkit-transform-origin:50% 0%;}
.tipright.swingY, .tipright.swingYclose{ transform-origin:0% 50%; -webkit-transform-origin:0% 50%;}
.tipleft.swingY, .tipleft.swingYclose{ transform-origin:100% 50%; -webkit-transform-origin:100% 50%;}



.tipopen{-webkit-animation:appear 0.5s; animation:appear 0.5s;}
@keyframes appear{
	0%{ opacity: 0; transform-origin:50% 100%; transform: scale(0.5,0.5) perspective(4000px) rotateX(90deg);}
	100%{ opacity: 1; transform: scale(1,1) perspective(4000px) rotateX(0deg);}
}
@-webkit-keyframes appear{
	0%{ opacity: 0; -webkit-transform: scale(0,0);}
	100%{ opacity: 1; -webkit-transform: scale(1,1);}
}


.tipclose{-webkit-animation:disappear 0.5s; animation:disappear 0.5s; opacity: 0;}
@keyframes disappear{
	0%{ opacity: 1;  transform: scale(1,1) }
	100%{ opacity: 0; transform: scale(0,0) }
}
@-webkit-keyframes disappear{
	0%{ opacity: 1; -webkit-transform: scale(1,1);}
	100%{  opacity: 0; -webkit-transform: scale(0,0);}
}


*[class*="tipicon"] i{margin:0 15px 0px 0; vertical-align: middle;position: relative;}