/* class based color picker */
.sds_color_picker_widget {
	height: 36px;
    width: 36px;
    display: inline-block;
}

.color_selector {
	position: relative;
	top: 0;
	left: 0;
	width: 36px;
	height: 36px;
	background: url(../images/select2.png);
}
.color_selector div {
	position: relative;
	top: 4px;
	left: 4px;
	width: 28px;
	height: 28px;
	background: url(../images/select2.png) center;
}

.color_picker_wrapper {
	top: -3px;
	left: 0;
	width: 356px;
	height: 0;
	overflow: hidden;
	position: relative;
    z-index: 10;
}
.color_picker_wrapper .colorpicker {
	background-image: url(../images/custom_background.png);
	position: relative;
	bottom: 0;
	left: 0;
}


.color_picker_wrapper .colorpicker_hue div {
	background-image: url(../images/custom_indic.gif);
}
.color_picker_wrapper .colorpicker_hex {
	background-image: url(../images/custom_hex.png);
}
.color_picker_wrapper .colorpicker_rgb_r {
	background-image: url(../images/custom_rgb_r.png);
}
.color_picker_wrapper .colorpicker_rgb_g {
	background-image: url(../images/custom_rgb_g.png);
}
.color_picker_wrapper .colorpicker_rgb_b {
	background-image: url(../images/custom_rgb_b.png);
}
.color_picker_wrapper .colorpicker_hsb_s {
	background-image: url(../images/custom_hsb_s.png);
	display: none;
}
.color_picker_wrapper .colorpicker_hsb_h {
	background-image: url(../images/custom_hsb_h.png);
	display: none;
}
.color_picker_wrapper .colorpicker_hsb_b {
	background-image: url(../images/custom_hsb_b.png);
	display: none;
}
.color_picker_wrapper .colorpicker_submit {
	background-image: url(../images/custom_submit.png);
}
.color_picker_wrapper .colorpicker input {
	color: #778398;
}