/*Click tips*/
a.tip {outline:none; }
a.tip strong {line-height:30px;}
a.tip:hover {text-decoration:none;} 
a.tip span {
    z-index:10;
	display:none; 
	padding:14px 20px;
    margin-top:-30px; 
	margin-left:28px;
    width:240px; 
	line-height:16px;
	}
a.tip:hover span{
    display:block;  /*was inline*/
	position:absolute; 
	color:#111;
    border:1px solid #DCA; 
	background:#fffAF0;
	}
.callout {
	z-index:20;
	position:absolute;
	top:30px;
	border:0;
	left:-12px;
	}

a[href^="mailto:"]
{ 
  font-family: sans-serif;
  color: red;
  font-size: 11px;
}


/*Explanatory for touch devices*/
.container {
    position: relative;
}
.bottomleft {
    position: absolute;
    bottom: 8px;
    left: 16px;
    font-size: 12px;
    color: #FFFFFF;
}
.topleft {
    position: absolute;
    top: 8px;
    left: 16px;
    font-size: 12px;
    color: #FFFFFF;   
}

/*CSS3 extras*/
a.tip span
{
    border-radius:4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
        
    -moz-box-shadow: 5px 5px 8px #CCC;
    -webkit-box-shadow: 5px 5px 8px #CCC;
    box-shadow: 5px 5px 8px #CCC;
}