/* View 107 */

div#view107 {
    font-size: 15px;
    position: relative;
    padding-bottom: 100px;
}

/* -- Chart and Legend -- */
div#view107 div.chart,
div#view107 div.legend {
    display: inline-block;
    vertical-align: top;
}


/* -- Legend -- */
div#view107 div.legend {
    width: 8em;
    /**/display: none;
}


/* -- Chart -- */
div#view107 div.chart {
    position: relative;
    margin: 1em 0 0 0;
    padding-bottom: 4em;
    /*transform: rotate(90deg);*/
}

/* -- Values and X-axis -- */
div#view107 div.chart table.values, 
div#view107 div.chart table.axis_x {
    margin: 0 0 0 3.5em;
    border-collapse: collapse;
}
div#view107 div.chart table.values td, 
div#view107 div.chart table.axis_x td {
    width: 3em;
    padding: 0 0;
}
div#view107 div.chart table.values td div, 
div#view107 div.chart table.axis_x td div {
    padding: 0 0;
}


/* -- Values --- */

div#view107 div.chart table.values {
    position: relative;
    border-left: dotted 1px gray;
}

/* Values rows */
div#view107 div.chart table.values tr {
    /*background: #f1f1f1;*/
}

/* Values cells */
div#view107 div.chart table.values td {
    height: 40em;
}
/* Values cells - inner container */
div#view107 div.chart table.values td div.bm {
    position: relative;
    height: 100%; width: 100%;
    padding: 0 0;
}
/* Symbols */
div#view107 div.chart table.values td div.bm span {
    position: absolute;
}
div#view107 div.chart table.values td div.bm span.inst,
div#view107 div.chart table.values td div.bm span.inst_ps,
div#view107 div.chart table.values td div.bm span.peers {
    left: 40%;
}
div#view107 div.chart table.values td div.bm span.inst { /* Inst */
    z-index: 1000;
    color: black;
    font-weight: bold;
}
div#view107 div.chart table.values td div.bm span.inst > b {
    font-size: 1.2em;
}
div#view107 div.chart table.values td div.bm span.inst_ps { /* Inst-PS */
    z-index: 950;
    display: block;
    width: 80%; height: 6px;
    border-top: solid 2px black;
    left: 10%;
    opacity: 0.7;
}
div#view107 div.chart table.values td div.bm span.peers { /* Peers */
    z-index: 900;
    color: black;
    font-weight: normal;
    opacity: 0.8;
}
div#view107 div.chart table.values td div.bm span.peers > b {
    font-weight: normal;
}
div#view107 div.chart table.values td div.bm span.chms { /* Chms */
    z-index: 800;
    display: block;
    width: 80%; height: 6px;
    left: 10%;
    opacity: 0.7;
}
div#view107 div.chart table.values td div.bm:hover  {
    background: #fff;
}
div#view107 div.chart table.values:hover  {
    background: #e6e6e6;
}

/* -- X axis -- */

/* Table */
div#view107 div.chart table.axis_x {
    position: relative; top: -7.47em;
    background: none;
}
/* Cell - bm */
div#view107 div.chart table.axis_x td {
    position: relative;
    height: 8em;
}
div#view107 div.chart table.axis_x td div {
    position: absolute; top: -3em; left: 4.47em; /*left: -40px;*/
    width: 0.67em; height: 100%;
    direction: rtl; /*direction: ltr;*/
    transform: rotate(270deg); /*transform: rotate(90deg);*/
    white-space: nowrap;
    text-align: right;
}

/* -- Y axis -- */

/* Block */
div#view107 div.chart div.axis_y {
    z-index: 100;
    width: 97%; height: auto;
    position: absolute; top: 0; left: 2.67em;

}
div#view107 div.chart div.axis_y div.y {
    /* 59.5px + 0.5px */
    width: 100%; height: 4em;
    border-top: dotted 1px gray;
    position: relative;
}
div#view107 div.chart div.axis_y div.y span {
    position: absolute; top: -0.5em; left: -1.2em;
}