#ChatFrameChattext  ,frame_grid_chattext , #userstatuslist,#fieldobjects,.areadescription[cellspacing="0"],#inventorylist{
    visibility: visible;
    position: absolute;
}
#userstatuslist{
    bottom: unset;
    top:0px;
    width: 70%;
    right:unset;
    left:0px;
    height:10%;
    overflow: hidden;
}

#inventorylist{
    bottom: 0px;
    overflow-y: auto;
    height:50%;
    width: 30%;
    position: absolute;
    right:0px;
}
#fastspelllist{
    position: absolute;
    bottom: 50%;
    overflow-y: auto;
    height:50%;
    width: 30%;
    right:0px;
}

#frame_grid_chattext{
    width: 70%;
    bottom: 24px;
    height: 20%;
    background-color: #2E9AFE;
    z-index: 1000;
}
#frame_grid_main{
    max-width:unset !important;
    min-width: unset !important;
    position: absolute;
    left:0px;
    right:30%;
    top:10%;
    height: calc(90% - 20% - 24px) !important;
    width: unset !important;
    z-index: 999;
}
.areadescription[cellspacing="0"]{
    display: inline-block;
    position: absolute;
    left: 0px;
    width:calc(100% - 250px); /* width of map */
    height: 250px;
    overflow-y: scroll;
}
#fieldobjects{
    display: block;
    position: absolute;
    left: 0px;
    width:100%;
    height: calc(100% - 250px );
    overflow-y: scroll;
    bottom:0px;
}

.framedivs[style='grid-area: map']{
    right:30%;
    /*bottom: calc(20% + 24px);  for bottom */
    top:10%;
    background-color: red;
    width: unset;
    z-index: 1000;
}
.framedivs[style="grid-area: item"]{
    visibility: visible;
    position: absolute;
    width: 100%;
    right:0px;
    height:100%;
    bottom: 0px;
}
.framedivs[style="grid-area: chatform"]{
    visibility: visible;
    position: absolute;
    width: 70%;
    bottom: 0px;
    z-index: 1000;
}
.framedivs[style='grid-area: banner'], .framedivs[style='grid-area: menu']{
    display: none;
}

.maintable {
    display: block !important;
    width: 100%;
    height: 100%;
    position: absolute;
}
.framedivs{
    position: absolute !important;
    width:100%;
}