#campusmap {
    position:relative;
}
#campusmap canvas {
        position:relative;
    z-index:30;
}
.gaugebox {
    position:absolute;
    width:150px;
    height:150px;
    text-align:center;
}
.gaugebox canvas {
    width:130px;
    height:70px;
}
#box_CAMPUS {    top:10px;    left: 10px;}

#box_ARXE {    top:640px;    left: 500px;}
#box_EPISTIMON {    top:200px;    left: 270px;}
#box_ESTIA {    top:420px;    left: 120px;}
#box_GYM {    top:600px;    left: 150px;}
#box_KAPA {    top:20px;    left: 420px;}
#box_NOC {    top:680px;    left: 340px;}
#box_Restaurant {    top:540px;    left: 380px;}
#box_MHXOP {    top:100px;    left: 520px;}


.valuediv {
    
    margin-top:-48px;
    position:relative;
    z-index:50;    
}
.titlediv {
    background-color:white;
    opacity:0.8;

}