@charset "utf-8";
/* CSS Document */


@media (min-width: 1000px) {
	.system #pagewrapper{
		position:absolute;
		top:0px;
		left:0px;
		right:0px;
		bottom:0px;		
		width:100%;
		height:100%;
		background:$eee;		
	}
	.system #pageheader{
		position:  fixed;
		z-index:10;
		left:0px;
		top:0px;
		width:100%;
		height:63px;
		color:#fff;
		background:#fff;
		border-bottom:1px solid #777777/*grey*/;
	
	}
	.system #pagecontentwrapper{
		position: fixed;
		width:100%;
		height:80%;	
	}
	
	.system #pageleftpane{
		position: fixed;
		width:14%;
		top:61px;
		left:0px;	
		bottom:15px;	
		padding-left:0px;
		border-right:0px solid #000;	
	}
	
	.system #pagecontent{
		position: absolute;
		z-index:9;
		overflow:hidden;
		width:100%;
		top:61px;
		left:0%;
		bottom:15px;
		border:0px solid #CCC;
		border-left:0px solid #999;
		/*overflow: -moz-scrollbars-vertical !important;*/ 	
	}
	.system #pagefooter{
	}
}

@media (max-width: 1000px) {
	.system #pagewrapper{
		position:absolute;
		top:0px;
		left:0px;
		right:0px;
		bottom:0px;		
		width:100%;
		height:100%;
		background:$eee;		
	}
	.system #pageheader{
		position:  fixed;
		z-index:10;
		left:0px;
		top:0px;
		width:100%;
		height:63px;
		color:#fff;
		background:#fff;
		border-bottom:1px solid #777777/*grey*/;
	
	}
	.system #pagecontentwrapper{
		position: fixed;
		width:100%;
		height:80%;	
	}
	
	.system #pageleftpane{
		display:none;	
	}
	
	.system #pagecontent{
		position: absolute;
		z-index:9;
		overflow:hidden;
		width:100%;
		top:61px;
		left:0%;	
		bottom:15px;
		border:0px solid #CCC;
		border-left:0px solid #999;
		/*overflow: -moz-scrollbars-vertical !important;*/ 	
	}
	.system #pagefooter{
	}
}