@charset "utf-8";


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

.tooltip, .tooltip_right_side, .tooltip_twitter {
width:220px;
position:absolute;
bottom:100%;
margin:0 0 10px 0;
padding:0;
font-family: Arial, Helvetica, sans-serif;
font-size:11px;
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.3;
border:solid 1px;
-moz-border-radius:4px;
-webkit-border-radius:4px;
border-radius:4px;
-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_right_side { margin:0 0 -50px 0; }

.tooltip_twitter { margin:0 0 18px 0; }

/* 	OPERA HACK FOR THE MARGINS ON TWITTER ONLY  */
@media all and (-webkit-min-device-pixel-ratio:10000), not all and (-webkit-min-device-pixel-ratio:0) {
	 .tooltip_twitter { margin:0 0 88px 0; }
}

.tooltip:before,
.tooltip:after, .tooltip_right_side:before, .tooltip_right_side:after, .tooltip_twitter:before, .tooltip_twitter: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, .tooltip_right_side:before, .tooltip_twitter:before {
margin:0 0 -24px -12px;
border:solid 12px;
border-color:transparent;
z-index:-1;
}

/* hover */

a:hover .tooltip, a:hover .tooltip_right_side, a:hover .tooltip_twitter {
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;
}

/* FAR LEFT */

.tooltip_right_side,
.tooltip_right_side.far_left {
left:145px;
right:0;
}

.tooltip_right_side:before,
.tooltip_right_side:after,
.tooltip_right_side.far_left:before,
.tooltip_right_side.far_left:after {
left:-12px;
right:auto;
top:23px;
}

/* TWITTER */

.tooltip_twitter,
.tooltip_twitter.twitter_left {
left:133px;
right:0;
}

.tooltip_twitter:before,
.tooltip_twitter:after,
.tooltip_twitter.twitter_left:before,
.tooltip_twitter.twitter_left:after {
left:20px;
right:auto;
}

/* CENTER */

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

.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:15px;
}

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



/* CUSTOM */

/*  Small  */

.tooltip.custom-sm {
color:#283F44;
background:#87CEEB;
background:url(../images/thetooltip/tooltip2.png) repeat-x; width:250px;
border:3px solid #636363;
text-shadow: 0 1px 0 rgba(228,228,228,1);

}

.tooltip.custom-sm:before {
border-top-color:#636363;
}

.tooltip.custom-sm:after {
border-top-color:#636363;
}


/*  Black/Gray  */

.tooltip.custom-blk {
width:235px;
color:#283F44;
border:3px solid #1E1E1E;
/*text-shadow: 0 1px 0 rgba(228,228,228,1);*/
}

.tooltip.custom-blk:before {
border-top-color:#1E1E1E;
}

.tooltip.custom-blk:after {
border-top-color:#1E1E1E;
}

.tooltip.custom-blk .title {
background-color: #7B7B7B; color:#fff; font-size:12px; font-weight:bold; display:block; padding:5px 8px; 
}

.tooltip.custom-blk .content {
background-color: #f8f9fa; display:block; padding:5px 8px;
}

p span { text-indent:0px;}

/*  BLACK RIGHT */

.tooltip_right_side.custom-blk-right {
width:235px;
color:#283F44;
border:3px solid #1E1E1E;
}
/*
.tooltip_right_side.custom-blk-right:before {
border-right-color:#1E1E1E;
}

.tooltip_right_side.custom-blk-right:after {
border-right-color:#1E1E1E;
}
*/
.tooltip_right_side.custom-blk-right .title {
background-color: #7B7B7B; color:#fff; font-size:12px; font-weight:bold; display:block; padding:5px 8px; 
}

.tooltip_right_side.custom-blk-right .content {
background-color: #f8f9fa; display:block; padding:7px 8px;
}

/* TWITTER */

.tooltip_twitter.custom-blk-right {
width:235px;
color:#4D6064;
border:3px solid #58A9D8;
}

.tooltip_twitter.custom-blk-right:before {
border-top-color:#58A9D8;
}

.tooltip_twitter.custom-blk-right:after {
border-top-color:#58A9D8;
}

.tooltip_twitter.custom-blk-right .title {
background-color: #97C9E7; color:#fff; font-size:12px; font-weight:bold; display:block; padding:5px 7px; 
}

.tooltip_twitter.custom-blk-right .content {
background-color: #E4F1F9; display:block; padding:7px 8px;
}
