BODY {
    font-family:sans-serif;
}

#example-frame {
    position:absolute;
    top:0;
    left:0;
    right:0;
    bottom:0;
    display:block;
}

.mPanel {
    position:absolute;
    top:0;
    left:0;
    right:0;
    bottom:0;
    overflow-y:auto;
}

.mPanel-head-back {
    background-color:rgba(255,0,0,1);
    height:20px;
    position:absolute;
    left:0;
    right:0;
}

.mPanel .mPanel-head SPAN {
    text-align:center;
    background:orange;
    position:absolute;
    z-index:9999;
    height:20px;
}

.mPanel .mPanel-head SPAN:hover {
    background:blue;
}

.mPanel-head.fixtop .mPanel-head-back,
.mPanel-head.fixtop .mPanel-head-front SPAN
{
    position:fixed;
    top:0;
}


.mPanel-head.fixbottom .mPanel-head-back,
.mPanel-head.fixbottom .mPanel-head-front SPAN
{
    position:fixed;
    bottom:0;
}

.mPanel[n="5"] .mPanel-head SPAN {
    width:20%;
}

.mPanel[n="5"] .mPanel-head.m1 SPAN {margin-left:0%;}
.mPanel[n="5"] .mPanel-head.m2 SPAN {margin-left:20%;}
.mPanel[n="5"] .mPanel-head.m3 SPAN {margin-left:40%;}
.mPanel[n="5"] .mPanel-head.m4 SPAN {margin-left:60%;}
.mPanel[n="5"] .mPanel-head.m5 SPAN {margin-left:80%;}


.mPanel .mPanel-body {
    margin-top:20px;
    height:600px;
}