@media all {

	html, body {
		border: none;
		margin: 0;
		padding: 0;
		font-size: 1em;
	}

}

@media screen {

	html, body {
		height: 100%;
		max-height: 100%;
	}

	html {
		/* \*/
		overflow: hidden;
		/* */
	}

	body {
		overflow: hidden;
	}

}

@media print {

	html {
		/* \*/
		overflow: visible;
		/* */
	}

	body {
		overflow: visible;
	}

}

@media all {

	div#desktop-container {
		z-index: 2;
	}

	* html div#desktop-container {
	}

}

@media screen {

	div#desktop-container {
		position: absolute;
		top: 0;
		left: 0;
		bottom: 0;
		right: 0;
		overflow: hidden;
		min-width: 480px;
		min-height: 480px;
	}

	* html div#desktop-container {
		bottom: 0;
		right: 0;
		width: 100%;
		height: 100%;
	}

}

@media print {

	div#desktop-container {
		height: auto;
		overflow: visible;
	}

	* html div#desktop-container {
	}

}

@media all {

	div#desktop {
		z-index: 3;
	}

	* html div#desktop {
		z-index: 3;
	}

}

@media screen {

	div#desktop {
		position: absolute;
		top: 0;
		left: 0;
		bottom: 0;
		right: 0;
		overflow: hidden;
		min-width: 480px;
		min-height: 480px;
	}

	* html div#desktop {
		bottom: 0;
		right: 0;
		width: 100%;
		height: 100%;
	}

}

@media print {

	div#desktop {
		z-index: 3;
		height: auto;
		overflow: visible;
	}

	* html div#desktop {
		z-index: 3;
	}

}

@media all {

	div#header {
		z-index: 6;
	}

	* html div#header {
	}

}

@media screen {

	div#header {
		position: absolute;
		top: 0;
		left: 0em;
		width: 100%;
		height: 7em;
		overflow: hidden;
	}

	* html div#header {
	}

}

@media print {

	div#header {
		z-index: 6;
		height: auto;
	}

	* html div#header {
	}

}

@media all {

	div#sidebar-left-outer {
		width: 19.5em;
		z-index: 5;
/*		border: 1px solid red;*/
	}

	* html div#sidebar-left-outer {
	}

	div#sidebar-left {
		width: 19.25em;
		z-index: 5;
/*		border-top: 7em solid #fff;*/
	}

	* html div#sidebar-left {
	}

}

@media screen {

	div#sidebar-left-outer {
		position: absolute;
		top: 7em;
		left: 0;
		bottom: 0;
		overflow: hidden;
	}

	* html div#sidebar-left-outer {
		height: 100%;
		top: 0;
		bottom: 0;
		border-top: 7em solid #fff;
		border-bottom: 0px solid #fff;
	}

	div#sidebar-left {
		position: absolute;
		top: 0;
		left: 0;
		bottom: 4em;
		overflow: auto;
/*		border: 1px solid green;*/
	}

	* html div#sidebar-left {
		height: 100%;
		top: 0;
		bottom: 0;
		border-top: 0px solid #fff;
		border-bottom: 4em solid #fff;
	}

}

@media print {

	div#sidebar-left-outer {
		clear: both;
		float: left;
		height: auto;
	}

	* html div#sidebar-left-outer {
	}

	div#sidebar-left {
		float: left;
		height: auto;
	}

	* html div#sidebar-left {
	}

}

@media all {

	div#footer-left {
		z-index: 6;
	}

	* html div#footer-left {
	}

	div#footer {
		z-index: 6;
	}

	* html div#footer {
	}

}

@media screen {

	div#footer-left {
		position: absolute;
		bottom: 0;
		left: 0;
		width: 100%;
		height: 4em;
		overflow: hidden;
	}

	* html div#footer-left {
	}

	div#footer {
		position: absolute;
		bottom: 0;
		left: 0em;
		right: 0.5em;
		height: 6em;
		overflow: hidden;
	}

	* html div#footer {
		left: 0;
		border-left: 0em solid #fff;
		border-right: 0.5em solid #fff;
		width: 100%;
	}

}

@media print {

	div#footer-left {
		clear: both;
		height: auto;
	}

	* html div#footer-left {
	}

	div#footer {
		clear: both;
		height: auto;
	}

	* html div#footer {
	}

}

@media all {

	div#main-outer {
		z-index: 4;
/*		border: 1px solid orange; */
	}

	div#main {
/*		border: 1px solid pink;*/
		z-index: 4;
	}

}

@media screen {

	div#main-outer {
		position: absolute;
		top: 7em;
		left: 19.5em;
		bottom: 0;
		right: 0;
		overflow: hidden;
	}

	* html div#main-outer {
		height: 100%;
		width: 100%;
		top: 0;
		left: 0;
		bottom: 0;
		right: 0;
		border-top: 7em solid #fff;
		border-left: 19.5em solid #fff;
		border-bottom: 0px solid #fff;
		border-right: 0px solid #fff;
	}

	div#main {
		position: absolute;
		top: 0em;
		left: 0em;
		bottom: 6.5em;
		right: 0em;
		overflow: auto;
	}

	* html div#main {
		height: 100%;
		width: 100%;
		top: 0;
		left: 0;
		bottom: 0;
		right: 0;
		border-top: 0em solid #fff;
		border-left: 0em solid #fff;
		border-bottom: 6.5em solid #fff;
		border-right: 0em solid #fff;
	}

}

@media print {

	div#main-outer {
		height: auto;
		overflow: visible;
	}

	* html div#main-outer {
	}

	div#main {
		height: auto;
		padding-left: 19.5em;
		padding-right: 1em;
	}

	* html div#main {
	}

}
