#visualisation {
	border: 1px solid gray;
	margin-left: 1px;
	width:950px;
	height:600px;
	padding:4px;
	min-width:861px;
	min-height:337px;
	background:lightgray
}

#statusbar {
	padding-left: 5px;
	height: 20px;
	text-align: left;
	border-bottom: 1px solid black;
}

#applet {
	border-right:1px solid black;
	height:578px;
	width:725px;
}

#sidebar {
	float:right;
	width:220px;
	overflow:auto;
	height:95%;
}

.visualisation table.details {
	width: 100%;
}

.visualisation table.details th {
	color: #black;
	padding:4px;
	font-weight:bold;
}

.visualisation table.details tr{
	background-color: #eeeeee;
	text-align: left;
}

.visualisation table.details tr:nth-child(even){
	background-color: #d9d9d9;
}

.visualisation h1 {
	font-family: serif;
	font-weight: normal;
	background: white;
	text-align: center;
	color: #005599;
	width: 1000px;
}

.visualisation h2 {
	color: #24300b;
	font-size: 14pt;
	font-weight: normal;
	text-align: center;
}

.visualisation h3 {
	color: black;
	font-size: 11pt;
	font-weight: bold;
	margin: 30px 0 5px 0;
}

.visualisation a.button {
	background: #90b869;
	border: 1px solid black;
	text-decoration: none;
	text-align:center;
	color: black;
	line-height: 15pt;
	margin: 3pt 0;
}

.visualisation a.button:hover {
	background: #FFFACE;
}

.visualisation .details a {
	color: #0000EE;
}

.visualisation .details a:hover {
	background-color: #FFFACE;
}

.visualisation .shadow {
	margin: 0px 3px 3px 0px;
	padding: 3px;
	border: 1px solid #a9a9a9;
	background-color: white;

	-webkit-box-shadow: 3px 3px 5px #4e4e4e;
	-moz-box-shadow: #4e4e4e 3px 3px 5px;
	box-shadow: 3px 3px 5px #4e4e4e;
}

.visualisation .warning {
	color: red;
	font-size: 120%;
	margin-top: 30px;
	text-align:justify;
}


.block {
	display: block;
}