body{margin:0;padding:0;overflow:hidden;}

div#bar,
div#bar div.background{
    height:40px;
}

div#bar{
    position:absolute;
    bottom:0;
    left:0;
    z-index:48;
    margin:0;
    width:100%;
    font-size:14px;
}

div#bar div.background{
    background:#555;
    padding:0;
    width:100%;
    position:absolute;
    top:0;
    left:0;
    opacity:.85;
}

div#bar div.table-wrap{
    position:absolute;
    top:0;
    left:0;
    z-index:9;
    color:#fff;
    width:100%;
}

div#bar table.wrap-table{
    width:100%;

    margin:8px 0 8px 0;
}

div#bar table.wrap-table td{
    white-space:nowrap;
    vertical-align:top;
    color:#fff;

}

div#bar td.label{
    text-align:right;
    padding-top:6px;
    font-size:12px;
}

div#bar td.label span{
    padding-left:10px;
    padding-right:15px;
    display:block;
}

div#bar td.search-label{
    text-align:right;
}

div#bar td.search-label span{
    font-size:14px;
    padding-top:3px;
    display:inline-block;
    white-space:nowrap;
    padding-left:10px;
    padding-right:5px;
}

#slider-width, #slider-height, #slider-padding{margin: 7px 3px 12px 4px;font-size:11px;}
#slider-padding{margin-bottom:14px;}
a.ui-slider-handle{border:1px solid #555 !important;outline:none !important;}
div.ui-slider{border:1px solid #555 !important;}
span.slider-value{width:30px;text-align:left;display:inline-block;color:#fff;font-size:12px;margin:5px 12px 0 0;text-align:right;}
table.slider td{padding:0;}
table.slider td.left{width:100%;}
table.slider{margin:0;width:100%;}

table.col-table{
    width:100%;
    height:100%;
    background:#bbd5ef;
    border:2px solid #9ebfe0;
}

table.col-table td{
    width:50%;
    height:100%;
    border:3px solid #dce8f4;
}

table.col-table td.left{
    border-right:none;
}

div#table_wrap_div{
    z-index:1;width:325px;height:250px;position:absolute;top:0;left:0;
}