#ColourMod {
	display:block;
	}

#cmDefault{
	width:auto;
	}

.cmSatValBg {	
	height: 160px;
	width: 160px;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale src='/images/color_picker/film.png');
	position: releative;
	left: 29px;
	top: 50px;
	float: left;
	}

.cmSatValBg[class] {	
 	background: url(/images/color_picker/film.png) no-repeat;
	}

.cmHueContainer {
	position:relative;
	height: 160px;
	width: 50px;
	float:left;
	padding-left:5px;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale src='/images/color_picker/hue.png');
	}

.cmHueContainer[class] {
 	background: url(/images/color_picker/hue.png) no-repeat;
	}

.cmColorContainer {
	margin: 6px 0 0 2px;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale src='/images/color_picker/window.png');
	height: 150px;
	width: 20px;
	float: left;
	}

.cmColorContainer[class] {
 	background: url(/images/color_picker/window.png) no-repeat;
	}

#cmHex {
	position:relative;
	top:3px;
	color: #333333;
	font: 12px "Arial Narrow", Arial, Helvetica, sans-serif;
	border:1px solid #CCC;
	}

.cmBlueDot {
	position: relative;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale src='/images/color_picker/BlueDot.png');
	height: 21px;
	width: 21px;
	}

.cmBlueDot[class] {
 	background: url(/images/color_picker/BlueDot.png) no-repeat;
	}

.cmBlueArrow {
	position: relative;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale src='/images/color_picker/BlueArrow.png');
	height: 21px;
	width: 23px;
	}
	
.cmBlueArrow[class] {
 	background: url(/images/color_picker/BlueArrow.png) no-repeat;
	}