table.control-table {
	border-collapse: collapse;
	padding: 0px; 
	margin: 0px;
	width: 100%;
	table-layout: fixed;
}

table.control-table td {
	padding: 5px;
}

table.control-table .row-header{
	text-align: center;
	font-weight: bold;
}

button.control-button {
	width: 100%;
	height: 30px;
	background-color: #F8F8F8;
	font-weight: bold;
}

input {
	width: 100%;
}

input.readonly {
	background-color:#D0D0D0;
	text-align: right;
}

input[type="range"]{
	height: 30px;
	margin:0px;
	padding:0px;
	border: 2px solid black;
}

div#slider-holder {
	width: 100%;
	border: 1px solid #333333;
	background-color: #999999;
}

div#simulator { 
	height: 650px; 
	color: #333333;
	margin: 0px auto;
	margin-bottom: 20px;
}

div#control-panel {
	border: 2px solid #333333;
	width: 200px; 
	height: 650px; 
	float: left; 
	background-color: #DBDBDB;
}

div#graph {
	border: 2px solid #333333;
	float: left; 
	width: 915px; 
	height: 650px; 
	background-color: white;
}

div.indicator {
	padding: 0px;
	margin: 0px;
	height: 30px;
	line-height: 30px;
	text-align: center;
	font-weight: bold;
	background-color: red;
	color: white;
	width: 100%;
}