html, body {
    margin: 0;
    padding: 0;
}

.colHeader {
    font-size: 12px;
}

.percent {
    font-size: 11px;
}

.blur {
    opacity: 0.12;
    transition: all ease-in-out 0.4s;
    -webkit-transition: all ease-in-out 0.4s;
    -moz-transition: all ease-in-out 0.4s;
    -ms-transition: all ease-in-out 0.4s;
    -o-transition: all ease-in-out 0.4s;
}

.obscure {
    opacity: 0.3;
    transition: all ease-in-out 5.4s;
    -webkit-transition: all ease-in-out 5.4s;
    -moz-transition: all ease-in-out 5.4s;
    -ms-transition: all ease-in-out 5.4s;
    -o-transition: all ease-in-out 5.4s;
}

.hide
{
    display:none;
}

.blocks, .labels {
    cursor: pointer;
    transition: all ease-in-out 0.2s;
    -webkit-transition: all ease-in-out 0.2s;
    -moz-transition: all ease-in-out 0.2s;
    -ms-transition: all ease-in-out 0.2s;
    -o-transition: all ease-in-out 0.2s;
}

.labels text, #lblHighLow {
    font-size: 13px;
}

.icon
{
    cursor:pointer;
}

.year, .key
{
    font-size:13px;
}

.hiddenLine {
    display: none;
}

.controls {
    color: blue;
    font-size: 30px;
    font-weight: bold;
}