FORM, INPUT {
	margin:0;
}

.controlbar {
	width:540px;
	background-color:#003300;
	border-top: 1px solid #606666;
	border-left: 1px solid #606666;
	border-right: 1px solid #384444;
	border-bottom: 1px solid #384444;
	font-size:9px;
}

.messagebar, .buttonbar {
	width:540px;
	background-color:#384444;
	border-top: 1px solid #606666;
	border-left: 1px solid #606666;
	border-right: 1px solid #384444;
	border-bottom: 1px solid #384444;
	font-size:9px;
}

.canvas, .canvas_splash {
	width:540px;
	padding-top:16px;
	padding-bottom:16px;
	border-left:1px solid #606666;
	border-right:1px solid #384444;
	overflow:auto;
	background-image:url(/topics/sokoban/images/sokoben.jpg);
	font-size:9px;
}

.canvas_splash {
	background-image:url(/topics/sokoban/images/sokoback.jpg);
}

.splash {
	width:300px;
	height:200px;
	background-image:url(/topics/sokoban/images/sokobensplash.jpg);
	background-color: black;
	border-top: 1px solid #606666;
	border-left: 1px solid #606666;
	border-right: 1px solid #384444;
	border-bottom: 1px solid #384444;
	font-size:9px;
}

.listbox {
	font-size:9px;
}

.button {
	font-size:9px;
	padding-left:0px;
	padding-right:0px;
}

.lurd {
	font-family:monospace;
	font-size:9px;
	width:275px;
}

.logger {
	font-size:9px;
	font-family:Arial;
}

.label {
	font-size:9px;
	color:#cccccc;
}

.labelsplash {
	font-size:9px;
	color:#ffffff;
}

.message {
	font-size:9px;
	color:#cccccc;
}

.messagegroup {
	font-size:9px;
	padding:2px 4px 2px 4px;
}

.controlgroup {
	font-size:9px;
	padding:1px 4px 1px 4px;
}

.buttongroup {
	border-right: 1px solid #606666;
	padding:4px;
	font-size:9px;
}

.buttongroup_lurd {
	padding:4px;
	padding-left:8px;
	font-size:9px;
}

.solution {
	font-family:monospace;
}

.curstep {
	color:#ffcc00;
}

.browsericon {
	cursor:standard;
	vertical-align:middle;
}