.MetricalContainer{
    z-index: 100000;
    overflow: visible;
}
.MetricalTab {
    font-family: Arial, sans-serif;
    font-size: 14px;
    color: #999;
    background-color: #FFF;
    font-weight: bold;
}
.container-right{
    position: absolute;
    min-height: 300px;
    padding-left: 41px;
    right:0px;
    width: 0px;
    overflow: hidden;
}
.container-right.is-popped .lb-wrapper{
    -webkit-box-shadow: -4px 4px 5px rgba(0, 0, 0, 0.65) ;
    -moz-box-shadow: -4px 4px 5px rgba(0, 0, 0, 0.65) ;
    box-shadow: -4px 4px 5px rgba(0, 0, 0, 0.65) ;
}

.MetricalContainer  .elTab-right {
    position: absolute;
    left: -66px;
    height: 40px;
    width: 174px;
    cursor: pointer;
    -webkit-transform: rotate(-90deg); 
    -moz-transform: rotate(-90deg); 
    -o-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    -sand-transform: rotate(-90deg);
    transform: rotate(-90deg);
    -webkit-box-shadow: -4px -4px 5px rgba(0, 0, 0, 0.65) ;
    -moz-box-shadow: -4px -4px 5px rgba(0, 0, 0, 0.65) ;
    box-shadow: -4px -4px 5px rgba(0, 0, 0, 0.65) ;
    border-right: 1px solid #CCCCCC;
    font-weight: bold;

}
.MetricalContainer  .elTab-right div{
    margin: 0.8em 0.5em;
    font-weight: bold;
}
.MetricalContainer  .el-right {
    float:left;
    width: 270px;
    min-height: 300px;
}


.container-left{
    position: absolute;
    width: 270px;
    min-height: 300px;
    padding-right: 103px;
    left: 0;
    width: 0px;
    overflow: hidden;
}
.container-left.is-popped .lb-wrapper{
    -webkit-box-shadow: 4px 4px 5px rgba(0, 0, 0, 0.65) ;
    -moz-box-shadow: 4px 4px 5px rgba(0, 0, 0, 0.65) ;
    box-shadow: 4px 4px 5px rgba(0, 0, 0, 0.65) ;
}
.MetricalContainer  .elTab-left {
    position: absolute;
    height: 40px;
    right: -48px;
    width: 174px;
    cursor: pointer;
    -webkit-transform: rotate(90deg); 
    -moz-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -sand-transform: rotate(90deg);
    transform: rotate(90deg);
    -webkit-box-shadow: 4px -4px 5px rgba(0, 0, 0, 0.65) ;
    -moz-box-shadow: 4px -4px 5px rgba(0, 0, 0, 0.65) ;
    box-shadow: 4px -4px 5px rgba(0, 0, 0, 0.65) ;
    border-left: 1px solid #CCCCCC;
    font-weight: bold;

}
.MetricalContainer  .elTab-left div{
    margin: 0.8em 0.5em;
    font-weight: bold;
}
.MetricalContainer .el-left {
    float: right;
    width: 270px;
    min-height: 300px;
}
.MetricalContainer.metrical-width .el-left {
    float: left;
    width: 270px;
    min-height: 300px;
}
.MetricalContainer .display-widget-page.el-left{
    width: 100%;
}
.position-fixed{
    position: fixed;
}
.position-absolute{
    position: absolute;
}

.bottom-container-left.is-popped .lb-wrapper, .bottom-container-middle.is-popped .lb-wrapper, .bottom-container-right.is-popped .lb-wrapper, .elTab-top{
    -webkit-box-shadow: 0px 0px 4px  0 rgba(0, 0, 0, 0.65),  0px 0px 4px  0 rgba(0, 0, 0, 0.65);
    -moz-box-shadow: 0px 0px 4px  0 rgba(0, 0, 0, 0.65), 0px 0px 4px  0 rgba(0, 0, 0, 0.65);
    box-shadow: 0px 0px 4px  0 rgba(0, 0, 0, 0.65), 0px 0px 4px  0 rgba(0, 0, 0, 0.65) ;
}

.container-top {
    top: 10px;
}
.container-top .MetricalTab{
    top: 150px;
}
.container-middle{
    top: 17%;
}
.container-middle .MetricalTab{
    top: 234px;
}

.container-bottom {

    bottom: -20px;
}

.container-bottom .MetricalTab{
    bottom: 143px;
}