@charset "utf-8";
/*

Document structure

<html>
	<head>...</head>
	<body>
		<div id="HeaderWrapper">
			<div id="Header">...</div>
		</div>

		<div id="ContentWrapper">
			<div id="Main">
				<div id="Panel">...</div>
				<div id="Content">...</div>
				<div id="RightPanel">...</div>
			</div>
		</div>
	
		<div id="FooterWrapper">
			<div id="Footer">...</div>
		</div>
	</body>
</html>

*/

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

body
{
	display: table;
}

#HeaderWrapper,
#FooterWrapper,
#MainWrapper
{
	display: table-row;
	width: 100%;
}

#HeaderWrapper,
#FooterWrapper
{
	height: 0;
}

#MainWrapper
{
	height: 100%;
}

#Main
{
	display: table;
	width: 100%;
}

#Panel,
#Content,
#RightPanel
{
	display: table-cell;
}

#Panel
{
	width: 20%;
}

#RightPanel
{
	width: 10%;
}

#Content
{
	position: relative;
}
