#clickmap-overlay { 
    position:fixed; 
    top:0; left:0; 
    width:100%; height:100%;  
    background-color:#000; 
    filter:alpha(opacity=10); opacity: 0.1; 
	
	font-size: 50px;
    text-align: center;
    vertical-align: bottom;
    color: #fff;
    padding-top: 20%;
	
	
} 

#clickmap-loading { 
    position:fixed; 
    top:0; left:0; 
    width:100%; height:100%;  
    background:transparent url(images/loading.gif) no-repeat center center; 
} 

#clickmap-container div { 
    position:absolute; 
    width:20px; height:20px; 
    background:transparent url(images/click.png) no-repeat center center; 
} 

.displayClicks {
    width: 150px!important;
    margin: 20px 0 0 50px!important;
    padding: .5em!important;
    text-align: center!important;
    text-shadow: 1px 1px 1px #000!important;
    border: solid thin #882d13!important;
    -webkit-border-radius: .7em!important;
    -moz-border-radius: .7em!important;
    border-radius: .7em!important;
    -webkit-box-shadow: 2px 2px 3px #999!important; 
    box-shadow: 2px 2px 2px #bbb!important;
    background-color: #ce401c!important;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#e9ede8), to(#ce401c),color-stop(0.4, #8c1b0b))!important;
}


.displayClicks a {
    color: white!important;
    text-decoration: none!important;
        background: transparent!important;
    font-weight: bold;

}

canvas.heatmap {
    position: absolute;
    top: 0;
    left: 0;
    display: none;
    z-index: 100000;  width:100%;
}

.displayClicks {
    position: fixed;
    bottom:  10px;
     left: 30px; 
    z-index: 100001;
    
}

#clickmap-overlay {
    z-index: 100002;
}