@charset "utf-8";
/* CSS Document */

.pinpoint{
position:relative; 
text-decoration:none; 
cursor:pointer; 
z-index:255;
}

.pinpoint span { 
position:absolute; 
bottom:66px; 
left:50%; 
margin-left:-72px; 
width:150px; 
opacity:0; 
visibility:hidden;
padding:10px 5px;
color:rgb(255,255,255);
font:bold 75%/1.5 Arial, Helvetica, sans-serif; 
text-align:center; 
border-radius:6px;
text-shadow:1px 1px 2px rgba(0, 0, 0, 0.6); 
background:rgb(179,44,22); 
background:rgba(179,33,22,.8); 
border:2px solid rgb(254,134,55);
border:2px solid rgba(254,134,55,.8); 
box-shadow:0px 2px 4px rgba(0,0,0,0.5); 
-webkit-transition:all 0.3s ease-in-out;
-moz-transition:all 0.3s ease-in-out;
-o-transition:all 0.3s ease-in-out; 
-ms-transition:all 0.3s ease-in-out;
transition:all 0.3s ease-in-out;
}

.pinpoint span.dif {
width:190px;
margin-left:-102px;
}

.pinpoint span:before, .pinpoint span:after {
content:'';
position:absolute;
bottom:-14px;
left:50%;
margin-left:-12px;
border-left:12px solid transparent;
border-right:12px solid transparent;
border-top:12px solid rgb(254,134,55);
border-top:12px solid rgba(254,134,55,.8);
}

.pinpoint span:after {
bottom:-14px;
margin-left:-10px;
border-width:10px;
border-top:10px solid rgb(254,134,55);
border-top:10px solid rgba(254,134,55,.8);
}

.pinpoint:hover span {
opacity:1;
bottom:30px;
visibility:visible;
}

.pinpoint span:hover {
visibility:hidden;
}

.spanlink {
 color:blue;
}