.graph svg{
    position: relative;
    z-index: 20;
    opacity: 0.7;
}
.graph{
    background:#fff;
    padding:10px;
    padding-bottom:40px;
    border-radius: 5px;
}
.graph svg{
  display: block;
}
.d3_graph{
    border-radius: 5px;
    overflow:hidden;
}
.infobox{
    position:absolute;
    left:0;
    right:0;
    bottom:10px;
    margin:auto;
    width:280px;
    font-size:13px;
}
.graph .d3_graph .info{
    z-index: 30;
    top:5px;
    left:5px;
    background: #333;
    color:#fff;
}
#first_zone{
    width:50%;
    left:0;
    top:0;
    right:50%;
    bottom:0;
    position: absolute;
    background: rgba(200, 200, 200, 0.3);
    z-index: 1;
}
#second_zone{
    width:50%;
    left:50%;
    top:0;
    right:0;
    bottom:0;
    background: rgba(255, 0, 0, 0.3);
    position: absolute;
    z-index: 1;
}
#first_zone .text, #second_zone .text{
    position:absolute;
    left:0;
    top:0;
    right:0;
    bottom:0;
    height:30px;
    width:125px;
    margin:auto;
    text-align: center;
    color:#000;
}