html, body {
	height: 100%;
}

.hue_image,
.brightness_image {
	position: absolute;
	width: 100%;
	height: 100%;
	z-index: 0;
}

.colour_chooser,
.brightness_changer,
.colour_preview {
	float: left;
	border: 1px solid black;
	margin: 5px;
	overflow: hidden;
}

.colour_chooser {
	clear: left; 
	background: white top left no-repeat; 
	width: 256px; 
	height: 256px;
	padding: 0px;
	cursor: crosshair;
}

.brightness_changer {
	background: white top left repeat-x; 
	width: 10px; 
	height: 256px;
	cursor: s-resize;
}

.colour_preview {
	width: 26px;
	height: 26px;
	clear: right;
	background-color: white;
}

.colour_cursor,
.brightness_cursor {
	position: absolute;
	top: 0px;
	left: 0px;
}

.colour_cursor {
	width: 8px;
	height: 8px;
}

.brightness_cursor {
	width: 10px;
	height: 5px;
	bottom: 0px;
	top: auto;
}

.drag_plane {
	width: 100%;
	height: 100%;
	position: absolute;
	z-index: 100;
}