.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 {
	float: left;
	background: url("hue_saturation.jpg") white top left no-repeat; 
	width: 200px; 
	height: 200px;
	padding: 0px;
	cursor: crosshair;
}

.brightness_changer {
	background: url("hue_lightness.png") red top left repeat-x; 
	width: 10px; 
	height: 200px;
	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;
}

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

.common_colours {
	float: left;
	border: 1px solid black;
	padding: 0px;
	list-style: none;
	margin: 5px;
	margin-top: 8px;
}

.common_colours li {
	float: left;
	clear: both;
	width: 16px;
	height: 15px;
	border-top: 1px black solid;
	cursor: pointer;
}