@charset "utf-8";


/*
** @author			DADU
** @copyright		copyright DADU
** @license			http://codecanyon.net/wiki/support/legal-terms/licensing/
** @version			1.1
** @link			http://thetooltip.dadu.be/
*/


a.ecpt-help:link,
a.ecpt-help:visited {
position:relative;
text-decoration:none;
}

a .tooltip img {
border:none;
}

.tooltip {
width:300px;
position:absolute;
bottom:100%;
margin:0 0 7px 0;
padding:15px;
font-family:Verdana,sans-serif;
font-size:15px;
font-weight:normal;
font-style:normal;
text-align:left;
text-decoration:none;
text-shadow:0 1px 0 rgba(255,255,255,0.3);
line-height:1.5;
border:solid 1px;
-moz-border-radius:7px;
-webkit-border-radius:7px;
border-radius:7px;
-moz-box-shadow:
0 1px 2px rgba(0,0,0,0.3),
0 1px 2px rgba(255,255,255,0.5) inset;
-webkit-box-shadow:
0 1px 2px rgba(0,0,0,0.3),
0 1px 2px rgba(255,255,255,0.5) inset;
box-shadow:
0 1px 2px rgba(0,0,0,0.3),
0 1px 2px rgba(255,255,255,0.5) inset;
cursor:default;
display:block;
visibility:hidden;
opacity:0;
z-index:999;
-moz-transition:all 0.4s linear;
-webkit-transition:all 0.4s linear;
-o-transition:all 0.4s linear;
transition:all 0.4s linear;
}

.tooltip:before,
.tooltip:after {
width:0;
height:0;
position:absolute;
bottom:0;
margin:0 0 -20px -10px;
border:solid 10px;
border-color:transparent;
display:table-cell;
content:"";
}

.tooltip:before {
margin:0 0 -24px -12px;
border:solid 12px;
border-color:transparent;
z-index:-1;
}

/* hover */
/* disabled and moved to jquery click
***********
a:hover .tooltip {
text-decoration:none;
visibility:visible;
opacity:1;
-moz-transition:all 0.2s linear;
-webkit-transition:all 0.2s linear;
-o-transition:all 0.2s linear;
transition:all 0.2s linear;
}
*/


/**************************************************//* POSITIONS *//**************************************************/

/* LEFT */

.tooltip,
.tooltip.left {
left:0;
right:0;
}

.tooltip:before,
.tooltip:after,
.tooltip.left:before,
.tooltip.left:after {
left:40px;
right:auto;
}



/* CENTER */

.tooltip.center {
left:50%!important;
right:auto!important;
margin-left:-165px!important;
}

.tooltip.center:before,
.tooltip.center:after {
left:50%;
right:auto;
}



/* RIGHT */

.tooltip.right {
left:auto;
right:0;
}

.tooltip.right:before,
.tooltip.right:after {
left:auto;
right:40px;
}

.tooltip.right:before {
margin-right:-2px;
}



/**************************************************//* SPEECH BUBBLE *//**************************************************/

.speechbubble {
position:relative;
left:auto;
right:auto;
bottom:auto;
margin:0 0 12px 0;
cursor:text;
display:block;
visibility:visible;
opacity:1;
}



/**************************************************//* COLORS *//**************************************************/

.tooltip.bistre,
.tooltip.byzantium,
.tooltip.forestgreen,
.tooltip.midnightblue,
.tooltip.rosewood {
text-shadow:0 1px 0 rgba(0,0,0,1);
}


/* MIDNIGHT BLUE */

.tooltip.midnightblue {
color:#F0F8FF;
background:#003366;
background:-moz-linear-gradient(top,rgba(0,51,102,0.8),rgba(0,51,102,1));
background:-webkit-gradient(linear,left top,left bottom,from(rgba(0,51,102,0.8)),to(rgba(0,51,102,1)));
border-color:#001C33;
}

.tooltip.midnightblue:before {
border-top-color:#001C33;
}

.tooltip.midnightblue:after {
border-top-color:#003366;
}


/* ICON */

#ecpt-wrap .ecpt-help	{
	width:14px;
	height:14px;
	margin:0 0 0 6px;
	position: relative;
	top: 2px;
	color:#FFFFFF;
	font-family:Arial,serif;
	font-size:12px;
	font-weight:bold;
	text-shadow:1px 0 0 #002147;
	text-decoration:none;
	line-height:13px;
	background:url('../images/help_icon.png') no-repeat;
	display:inline-block;
}
#ecpt-wrap .ecpt-help:hover	{
	color: #fff;
	cursor: pointer;
}
#ecpt-wrap .ecpt-help span	{
	float: none;
	position: absolute!important;
}