/*
 * Animated Tooltips v1.0.0
 * http://codecanyon.net/user/pista42
 *
 * Copyright 2012, Lukas Postulka
 * Modern tooltips with huge collection of sliding and fading
 * Available for two licences
 * 
 * 1) Regular License - The Regular License could be used for any of the following:
 * 	    Single website (commercial, personal, or non-profit).
 * 	    Single website for a client (commercial, personal, or non-profit).
 * 	    Single intranet site project.
 * 
 * 2) Extended License - The Extended License could be used for any of the following:
 * 	    JavaScript component to be used in a template which is then sold (including on CodeCanyon or ActiveDen).
 * 
 * http://codecanyon.net/wiki/buying/licenses-buying/codecanyon-regular-and-extended-license-usage-examples/
 * 
 * February 2012
 */
 
.tooltips 			{ text-decoration: none; color: #7988d4; }
.tooltips:hover 	{ color: #7988d4;}
.tooltips:hover>span, .tooltips:hover>img{ display: inline;position: absolute; }




.tooltips span
{
	color: white;
	text-align: center;
	display: none;
	margin: -45px 0 0 -80px;
	background: #7988d4;
	z-index: 100;	
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	border-radius: 5px; 
	-moz-border-radius: 5px; 
	-webkit-border-radius: 5px; 
	padding: 10px 10px;
}

/* Theme Adjusting [Arrow] */

.tooltips span.Phone:after
{
	position: absolute;
	content: ' ';
	width: 0;
	height: 0;
	border-left: 12px solid transparent;
	border-right: 12px solid transparent;
	border-top: 12px solid #5c5c5c;
	top: 34px;
	left: 40px;
	z-index: -1;	
}

.tooltips span.Calendar:after
{
	position: absolute;
	content: ' ';
	width: 0;
	height: 0;
	border-left: 12px solid transparent;
	border-right: 12px solid transparent;
	border-top: 12px solid #5c5c5c;
	top: 34px;
	left: 52px;
	z-index: -1;	
}

/* Theme Adjusting [color] */

.tooltips span.Greeny:after{ border-bottom-color:#40ad66; }
.tooltips span.Greeny{ background: #40ad66; }

.tooltips span.BlueGrass:after{ border-bottom-color:#40b29a; }
.tooltips span.BlueGrass{ background: #40b29a; }

.tooltips span.GreenPlaster:after{ border-bottom-color:#5fd277; }
.tooltips span.GreenPlaster{ background: #5fd277; }

.tooltips span.DarkGreen:after{ border-bottom-color:#84ba90; }
.tooltips span.DarkGreen{ background: #84ba90; }

.tooltips span.SkyBlue:after{ border-bottom-color:#30b2c9; }
.tooltips span.SkyBlue{ background: #30b2c9; }

.tooltips span.RoyalBlue:after{ border-bottom-color:#355dc9; }
.tooltips span.RoyalBlue{ background: #355dc9; }

.tooltips span.Lila:after{ border-bottom-color:#d294d7; }
.tooltips span.Lila{ background: #d294d7; }

.tooltips span.PinkyRed:after{ border-bottom-color:#ef5298; }
.tooltips span.PinkyRed{ background: #ef5298; }

.tooltips span.FlowerBlue:after{ border-bottom-color:#405e99; }
.tooltips span.FlowerBlue{ background: #405e99; }

.tooltips span.PurpleHaze:after{ border-bottom-color:#994064; }
.tooltips span.PurpleHaze{ background: #994064; }

.tooltips span.Mandarine:after{ border-bottom-color:#f5aa4f; }
.tooltips span.Mandarine{ background: #f5aa4f; }

.tooltips span.BrickRed:after{ border-bottom-color:#c97054; }
.tooltips span.BrickRed{ background: #c97054; }

.tooltips span.DarkGrey:after{ border-bottom-color:#5c5c5c; }
.tooltips span.DarkGrey{ background: #5c5c5c; }

.tooltips span.DarkRed:after{ border-bottom-color:#ee2222; }
.tooltips span.DarkRed{ background: #ee2222; }

.tooltips span.Yellow:after{ border-bottom-color:#c6c82d; }
.tooltips span.Yellow{ background: #c6c82d; }

.tooltips span.Brown:after{ border-bottom-color:#8d4747; }
.tooltips span.Brown{ background: #8d4747; }

/* Theme Adjusting [effect] */

.tooltips:hover>span.Bounce,	.tooltips:hover>img.Bounce{ -webkit-animation-name: bounce; -moz-animation-name: bounce; -ms-animation-name: bounce; -o-animation-name: bounce; animation-name: bounce; }
.tooltips:hover>span.Flash,		.tooltips:hover>img.Flash{ -webkit-animation-name: flash; -moz-animation-name: flash; -ms-animation-name: flash; -o-animation-name: flash; animation-name: flash; }
.tooltips:hover>span.Shake,		.tooltips:hover>img.Shake{ -webkit-animation-name: shake; -moz-animation-name: shake; -ms-animation-name: shake; -o-animation-name: shake; animation-name: shake; }
.tooltips:hover>span.Tada,		.tooltips:hover>img.Tada{ -webkit-animation-name: tada; -moz-animation-name: tada; -ms-animation-name: tada; -o-animation-name: tada; animation-name: tada; }
.tooltips:hover>span.Swing,		.tooltips:hover>img.Swing{ -webkit-animation-name: swing; -moz-animation-name: swing; -ms-animation-name: swing; -o-animation-name: swing; animation-name: swing; }
.tooltips:hover>span.Wobble,	.tooltips:hover>img.Wobble{ -webkit-animation-name: wobble; -moz-animation-name: wobble; -ms-animation-name: wobble; -o-animation-name: wobble; animation-name: wobble; }
.tooltips:hover>span.Pulse,		.tooltips:hover>img.Pulse{ -webkit-animation-name: pulse; -moz-animation-name: pulse; -ms-animation-name: pulse; -o-animation-name: pulse; animation-name: pulse; }
.tooltips:hover>span.Flip,		.tooltips:hover>img.Flip{ -webkit-animation-name: flip; -moz-animation-name: flip; -ms-animation-name: flip; -o-animation-name: flip; animation-name: flip; }
.tooltips:hover>span.FlipInX,	.tooltips:hover>img.FlipInX{ -webkit-animation-name: flipInX; -moz-animation-name: flipInX; -ms-animation-name: flipInX; -o-animation-name: flipInX; animation-name: flipInX; }
.tooltips:hover>span.FlipInY,	.tooltips:hover>img.FlipInY{ -webkit-animation-name: flipInY; -moz-animation-name: flipInY; -ms-animation-name: flipInY; -o-animation-name: flipInY; animation-name: flipInY; }
.tooltips:hover>span.FadeIn,	.tooltips:hover>img.FadeIn{ -webkit-animation-name: fadeIn; -moz-animation-name: fadeIn; -ms-animation-name: fadeIn; -o-animation-name: fadeIn; animation-name: fadeIn; }
.tooltips:hover>span.FadeInUp,	.tooltips:hover>img.FadeInUp{ -webkit-animation-name: fadeInUp; -moz-animation-name: fadeInUp; -ms-animation-name: fadeInUp; -o-animation-name: fadeInUp; animation-name: fadeInUp; }
.tooltips:hover>span.FadeInDown,.tooltips:hover>img.FadeInDown{ -webkit-animation-name: fadeInDown; -moz-animation-name: fadeInDown; -ms-animation-name: fadeInDown; -o-animation-name: fadeInDown; animation-name: fadeInDown; }
.tooltips:hover>span.FadeInLeft,.tooltips:hover>img.FadeInLeft{ -webkit-animation-name: fadeInLeft; -moz-animation-name: fadeInLeft; -ms-animation-name: fadeInLeft; -o-animation-name: fadeInLeft; animation-name: fadeInLeft; }
.tooltips:hover>span.FadeInRight,.tooltips:hover>img.FadeInRight{ -webkit-animation-name: fadeInRight; -moz-animation-name: fadeInRight; -ms-animation-name: fadeInRight; -o-animation-name: fadeInRight; animation-name: fadeInRight; }
.tooltips:hover>span.FadeInUpBig,.tooltips:hover>img.FadeInUpBig{ -webkit-animation-name: fadeInUpBig; -moz-animation-name: fadeInUpBig; -ms-animation-name: fadeInUpBig; -o-animation-name: fadeInUpBig; animation-name: fadeInUpBig; }
.tooltips:hover>span.FadeInDownBig,.tooltips:hover>img.FadeDownBig{ -webkit-animation-name: fadeInDownBig; -moz-animation-name: fadeInDownBig; -ms-animation-name: fadeInDownBig; -o-animation-name: fadeInDownBig; animation-name: fadeInDownBig; }
.tooltips:hover>span.FadeInLeftBig,.tooltips:hover>img.FadeLeftBig{ -webkit-animation-name: fadeInLeftBig; -moz-animation-name: fadeInLeftBig; -ms-animation-name: fadeInLeftBig; -o-animation-name: fadeInLeftBig; animation-name: fadeInLeftBig; }
.tooltips:hover>span.FadeInRightBig,.tooltips:hover>img.FadeInUp{ -webkit-animation-name: fadeInRightBig; -moz-animation-name: fadeInRightBig; -ms-animation-name: fadeInRightBig; -o-animation-name: fadeInRightBig; animation-name: fadeInRightBig; }
.tooltips:hover>span.BounceIn,	.tooltips:hover>img.BounceIn{ -webkit-animation-name: bounceIn; -moz-animation-name: bounceIn; -ms-animation-name: bounceIn; -o-animation-name: bounceIn; animation-name: bounceIn; }
.tooltips:hover>span.BounceInUp,.tooltips:hover>img.BounceInUp{ -webkit-animation-name: bounceInUp; -moz-animation-name: bounceInUp; -ms-animation-name: bounceInUp; -o-animation-name: bounceInUp; animation-name: bounceInUp; }
.tooltips:hover>span.BounceInDown,.tooltips:hover>img.BounceInDown{ -webkit-animation-name: bounceInDown; -moz-animation-name: bounceInDown; -ms-animation-name: bounceInDown; -o-animation-name: bounceInDown; animation-name: bounceInDown; }
.tooltips:hover>span.BounceInLeft,.tooltips:hover>img.BounceInLeft{ -webkit-animation-name: bounceInLeft; -moz-animation-name: bounceInLeft; -ms-animation-name: bounceInLeft; -o-animation-name: bounceInLeft; animation-name: bounceInLeft; }
.tooltips:hover>span.BounceInRight,.tooltips:hover>img.BounceInRight{ -webkit-animation-name: bounceInRight; -moz-animation-name: bounceInRight; -ms-animation-name: bounceInRight; -o-animation-name: bounceInRight; animation-name: bounceInRight; }
.tooltips:hover>span.RotateIn,	.tooltips:hover>img.RotateIn{ -webkit-animation-name: rotateIn; -moz-animation-name: rotateIn; -ms-animation-name: rotateIn; -o-animation-name: rotateIn; animation-name: rotateIn; }
.tooltips:hover>span.RotateInDownLeft,.tooltips:hover>img.RotateInDownLeft{ -webkit-animation-name: rotateInDownLeft; -moz-animation-name: rotateInDownLeft; -ms-animation-name: rotateInDownLeft; -o-animation-name: rotateInDownLeft; animation-name: rotateInDownLeft; }
.tooltips:hover>span.RotateInDownRight,.tooltips:hover>img.RotateInDownRight{ -webkit-animation-name: rotateInDownRight; -moz-animation-name: rotateInDownRight; -ms-animation-name: rotateInDownRight; -o-animation-name: rotateInDownRight; animation-name: rotateInDownRight; }
.tooltips:hover>span.RotateInUpLeft,.tooltips:hover>img.RotateInUpLeft{ -webkit-animation-name: rotateInUpLeft; -moz-animation-name: rotateInUpLeft; -ms-animation-name: rotateInUpLeft; -o-animation-name: rotateInUpLeft; animation-name: rotateInUpLeft; }
.tooltips:hover>span.RotateInUpRight,.tooltips:hover>img.RotateInUpRight{ -webkit-animation-name: rotateInUpRight; -moz-animation-name: rotateInUpRight; -ms-animation-name: rotateInUpRight; -o-animation-name: rotateInUpRight; animation-name: rotateInUpRight; }
.tooltips:hover>span.RollIn,	.tooltips:hover>img.RollIn{ -webkit-animation-name: rollIn; -moz-animation-name: rollIn; -ms-animation-name: rollIn; -o-animation-name: rollIn; animation-name: rollIn; }