/* color selector styles */
.x-color-selector {
	height: 200px;
}

.cs-innerCt {
	position: relative;
	
	height: 200px;
	width: 382px;
}

.cs-innerCt .cs-saturationCt {
	position: absolute;

	left: 0px;
	top: 0px;
	
	width: 200px;
	height: 200px;
}

.cs-innerCt .cs-saturationCt img.cs-saturation {
	width: 200px;
	height: 200px;

	display: block;
}

.cs-innerCt .cs-saturationCt img.cs-saturationEl {
	position: absolute;

	width: 21px;
	height: 21px;
}

.cs-innerCt .cs-hueCt {
	position: absolute;
	
	left: 215px;
	top: 0px;
	
	width: 35px;
	height: 200px;
}

.cs-innerCt .cs-hueCt img.cs-hue {
	width: 35px;
	height: 200px;

	display: block;
}

.cs-innerCt .cs-hueCt img.cs-hueEl {
	position: absolute;

	width: 35px;
	height: 11px;
}

.cs-innerCt .cs-previewCt {
	position: absolute;

	left: 265px;
	top: 124px;
	
	width: 117px;
	height: 76px;
	
	border: 1px solid #B5B8C8; 
}

.cs-innerCt .cs-previewCt div.cs-previewEl {
	width: 115px;
	height: 74px;
}

.cs-innerCt .cs-inputCt {
	position: absolute;
	
	left: 265px;
	top: 87px;
	
	width: 117px;
}

.cs-innerCt .cs-inputCt input.cs-inputEl {
	width: 117px;
}

.cs-innerCt .cs-pickerCt {
	position: absolute;
	
	left: 265px;
	top: 0px;
	
	height: 72px;
	width: 117px;
}

.cs-innerCt .cs-pickerCt .x-color-picker {
	width: 120px;
	height: 72px;
}

.cs-innerCt .cs-pickerCt .x-color-picker a {
	height: 12px;
	width: 12px;

	display: block;

	margin-right: 3px;
	margin-bottom: 3px;
	padding: 0;
	border: none;
}

.cs-innerCt .cs-pickerCt .x-color-picker em span {
	height: 10px;
	width: 10px;
	line-height: 10px;
}