/* View 104 */

div.view104b {
    position: relative;
    width: auto; height: auto;
    font-size: 15px;
    /*background: aqua;*/
}

/* -- Block > Control -- */
div.view104b > div.control {
    z-index: 1000;
    width: 16em; height: auto;
    padding: 0.3em 0.5em 0.3em 0.5em;
    background: #f2f2f2;
    max-height: 30em;
    overflow-y: auto;
    box-shadow: 1px 1px 2px 1px gray;
}
div.view104b > div.control div.guide {
    font-style: italic;
}
div.view104b > div.control ul {
    padding: 0 0 0 0;
    list-style: none;
}
div.view104b > div.control li {
    list-style: none;
}
div.view104b > div.control li.checkall {
    margin: 0 0 1.33em 0; 
    border-bottom: solid 1px gray;
    padding: 0.33em 0 0.33em 0;
}
div.view104b > div.control li.div {
    margin: 0 0 0.67em 0;
    padding-left: 2.67em ;
    text-indent: -2.67em ;
}
div.view104b > div.control li.div span.symbol {
    font-weight: bold;
}
div.view104b > div.control li.div span.name {
    font-size: 0.9em;
}

/* Block > Tbar */
div.view104b > div.tbar {
    position: relative;
    margin: 0 0 1em 0;
    padding: 0.2em 0.2em;
    text-align: right;
}
div.view104b > div.tbar > div.link {
    display: inline-block;
    padding: 0.4em 1em;
    background: #e9e9e9;
    border: solid 1px #ddd;
}
div.view104b > div.tbar > div.link:hover {
    color: gray;
    cursor: pointer;
}
div.view104b > div.tbar > div.link > span {
    font-size: 1.1em;
    color: black;
}
div.view104b > div.tbar > div.link > span b {
    font-weight: normal;
    color: gray;
}

/* -- Block > Body -- */
div.view104b div.chart {
    position: relative;
    margin: 1em 0 0 0;
    padding-bottom: 4em;
}

/* Block > Body > Chart > Values and X-axis */
div.view104b div.chart table.values, 
div.view104b div.chart table.axis_x {
    margin: 0 0 0 3.5em;
    border-collapse: collapse;
}
div.view104b div.chart table.values td, 
div.view104b div.chart table.axis_x td {
    width: 2.5em;
    padding: 0 0;
}
div.view104b div.chart table.values td div, 
div.view104b div.chart table.axis_x td div {
    padding: 0 0;
}

/* Block > Body > Chart > Values */
div.view104b div.chart table.values {
    border-left: dotted 1px gray;
}
/* ..Values rows */
div.view104b div.chart table.values tr {
}
/* ..Values cells */
div.view104b div.chart table.values td {
    height: 40em;
    text-align: center;
}
div.view104b div.chart table.values td:hover {
    background: #f2f2f2;
}
/* ..Values cells - inner container */
div.view104b div.chart table.values td div {
    position: relative;
    height: 100%; width: 100%;
    padding: 0 0;
    text-align: center;
}
/* ..Division symbols */
div.view104b div.chart table.values td span {
    position: absolute;
    font-weight: bold;
}


/* Block > Body > Chart > X_axis */
/* ..Table */
div.view104b div.chart table.axis_x {
    position: relative; top: -7.47em;
    background: #fff;
}
/* ..Cell - bm */
div.view104b div.chart table.axis_x td {
    position: relative;
    height: 8em;
    /*background: #f1f1f1; border-right: dotted 1px gray;*/
}
/* ..option 1 */
div.view104b div.chart table.axis_x td div {
    position: absolute; top: -3em; left: 4.47em;
    width: 0.67em; height: 100%;
    direction: rtl; 
    transform: rotate(270deg); 
    white-space: nowrap;
    text-align: right;
}
/* ..option 2
div.view104b div.chart table.axis_x td div {
    z-index: 20;
    position: absolute; top: 0.3em; left: 0.7em;
    width: 0.67em; height: auto;
    direction: rtl;
    transform: rotate(290deg);
    white-space: nowrap;
    text-align: right;
}*/


/* Block > Body > Chart > Axis_y */
div.view104b div.chart div.axis_y {
    z-index: 10;
    width: 96%; height: auto;
    position: absolute; top: 0px; left: 2.67em;  
}
div.view104b div.chart div.axis_y div.y {
    width: 100%; height: 4em;
    border-top: dotted 1px gray;
    position: relative;
}
div.view104b div.chart div.axis_y div span {
    position: absolute; top: -0.5em; left: -1.2em;
}