html, body { height: 100%; padding: 0; margin: 0; }

.mmfg-layout {			
	width: 100%;
	height: 100%;
	position: relative;
	padding: 0 !important;
}
.mmfg-layout > div, .mmfg-layout > span { position: absolute; display: block; height: 100%; width: 100%; }

.mmfg-layout > span { background-color: #FFF; text-align: center;}
.mmfg-layout > div { background-color: #EEE; overflow: hidden;}
.mmfg-layout > div > div { position: absolute; overflow: auto; }
.mmfg-layout-cols > div > div { top: 0; bottom: 0; left: 4px; right: 4px; }
.mmfg-layout-rows > div > div { top: 4px; bottom: 4px; left: 0; right: 0; }
.mmfg-layout-cols > div:first-child > div { left: 0; }
.mmfg-layout-cols > div:last-of-type > div { right: 0; }
.mmfg-layout-rows > div:first-child > div { top: 0; }
.mmfg-layout-rows > div:last-of-type > div { bottom: 0; }

.mmfg-layout-cols > span { height: 100%; width: 8px; margin-left: -4px; cursor: col-resize; 
	color: transparent; background: white url("mmfg-layout-horz.png") no-repeat 50% 50%; }
.mmfg-layout-rows > span { height: 8px; line-height: 8px; margin-top: -4px; width: 100%; cursor: row-resize;
	color: transparent; background: white url("mmfg-layout-vert.png") no-repeat 50% 50%; }

body > div.mmfg-layout-root {
	position:absolute;
	bottom:0;
	top:87px;
	left:0;
	right:0;
	margin:0;
	padding:0;
}