@import url(compatibility.css);

/*
Panel titles tested at 8pt, 9pt, 10pt
*/

.page {
	width:800px;
	margin:3em;
	margin-left:auto;
	margin-right:auto;

	font-size:10pt;
}

.desktop {
	background-color:#c0c0c0;
}

.window {
	border-style:solid;
	border-width:2px;
	border-color:#E8E8E8 #404040 #404040 #E8E8E8;

	background-color:#D0D0D0;

	font-family:sans-serif;
}

.window .windowTitle {
	height:1.4em;
	line-height:1.4em;
	padding:0px 0.2em 0px 0.2em;

	background-color:#404040;
	color:white;

	text-align:left;
	font-size:132%;
	font-weight:bold;
}

.window .content
{
	margin:2px;
	border-style:solid;
	border-width:2px;
	border-color:#404040 #E8E8E8 #E8E8E8 #404040;

	background-color:white;
	color:black;
}

.panelTitle,
.windowTitle {
	cursor:default;
}

.panel1 .panelTitle {
	margin:1.2em;
	border:solid #404040 2px;

	background-color:#E0E0E0;
}

.panel1 h1 {
	height:1.4em;
	line-height:1.4em;
	padding:0px 0.2em 0px 0.2em;

	background-color:#707070;
	color:white;

	font-size:133%;
	font-weight:bold;
}

.panel2 {
	margin:1em;
	border:solid #808080 1px;

	background-color:#F8F8F8;
}

.panel2 .panelTitle {
	height:1.35em;
	line-height:1.35em;
	padding:0px 0.2em 0px 0.2em;

	background-color:#909090;
	color:white;

	font-size:126%;
	font-weight:bold;
}

.panel3 {
	margin:0.5em;
	border:solid #A0A0A0 1px;

	background-color:white;
}

.panel3 .panelTitle {
	height:1.5em;
	line-height:1.5em;
	padding:0px 0.2em 0px 0.2em;

	background-color:#D4D4D4;
	color:#707070;

	font-size:112%;
	font-weight:bold;
}