body
{
	background-color: #888888;
	font-family: verdana, arial;
	font-size: 0.9em;
	margin: 40px;
}

p
{
	padding-left: 10px;
	padding-right: 10px;
}

a
{
	color: rgb(180, 29, 89);
}

div.app
{
	border: 1px solid #000000;
	background-color: #F8FBFE;
	float: middle;
	margin-left: auto;
	margin-right: auto;
	margin: 0;
	padding: 0;
	min-width: 850px;
	/* IE Dynamic Expression to set the width */
	width:expression(document.body.clientWidth < 850 ? "850px" : "100%" );
}

div.menuarea
{
	background: #EEEEEE none repeat scroll 0 0;
	border-bottom: 1px solid #000000;
	padding: 0 10px;
	margin: 0;
}

div.studyarea
{
}

div.docspanel
{
	text-align: left;
	float: right;
	width: 250px;
	background-color: #EEEEEE;
	border-left: 1px solid black;
	border-bottom: 1px solid black;
	border-collapse: collapse;
	margin-left: 10px;
}


div.statuspanel
{
	text-align: center;
	float: right;
	width: 250px;
	background-color: #EEEEEE;
	border-left: 1px solid black;
	border-bottom: 1px solid black;
	border-collapse: collapse;
	margin-left: 10px;
}

div.belowstatuspanel
{
	text-align: center;
	float: right;
	width: 250px;
	border: none;
	margin-left: 10px;
}

div.substatuspanel
{
	float: right;
	width: 250px;
	background-color: #EEEEEE;
	border-left: 1px solid black;
	border-top: 1px solid black;
	border-collapse: collapse;
}

div.ss
{
	display: none;
	position: absolute;
	border: 1px solid black;
	background-color: #FFFFFF;
	text-align: center;
	width: 95%;
	height: 90%;
	top: 0px;
	left: 0px;
	margin: 20px;
	margin-right: 20px;
	float: center;
}