.colorpicker {
	width:356px;
	height:176px;
	overflow:hidden;
	position:absolute;
	background:url(../images/custom_background.png);
	font-family:Arial, Helvetica, sans-serif;
	display:none;
	z-index:99999;
	margin-left:-3px;
}

.colorpicker_color {
	width:150px;
	height:150px;
	left:14px;
	top:13px;
	position:absolute;
	background:#f00;
	overflow:hidden;
	cursor:crosshair;
}

.colorpicker_color div {
	position:absolute;
	top:0;
	left:0;
	width:150px;
	height:150px;
	background:url(../images/colorpicker_overlay.png);
}

.colorpicker_color div div {
	position:absolute;
	top:0;
	left:0;
	width:11px;
	height:11px;
	overflow:hidden;
	background:url(../images/colorpicker_select.gif);
	margin:-5px 0 0 -5px;
}

.colorpicker_hue {
	position:absolute;
	top:13px;
	left:171px;
	width:35px;
	height:150px;
	cursor:n-resize;
}

.colorpicker_hue div {
	position:absolute;
	width:35px;
	height:9px;
	overflow:hidden;
	background:url(../images/custom_indic.gif) left top;
	margin:-4px 0 0 0;
	left:0px;
}

.colorpicker_new_color {
	position:absolute;
	width:60px;
	height:30px;
	left:213px;
	top:13px;
	background:#f00;
}

.colorpicker_current_color {
	position:absolute;
	width:60px;
	height:30px;
	left:283px;
	top:13px;
	background:#f00;
}

.colorpicker input[type="text"] {
	background-color:transparent;
	border:1px solid transparent;
	position:absolute;
	font-size:10px;
	font-family:Arial, Helvetica, sans-serif;
	color:#898989;
	top:4px;
	right:8px;
	text-align:right;
	margin:0;
	padding:0;
	height:11px;
	line-height:14px;
}

.colorpicker_hex {
	position:absolute;
	width:72px;
	height:22px;
	background:url(../images/custom_hex.png) top;
	left:212px;
	top:142px;
}

.colorpicker_hex input {
	right:6px;
}

.colorpicker_field {
	height:22px;
	width:62px;
	background-position:top;
	position:absolute;
}

.colorpicker_field span {
	position:absolute;
	width:12px;
	height:22px;
	overflow:hidden;
	top:0;
	right:0;
	cursor:n-resize;
}

.colorpicker_rgb_r {
	background-image:url(../images/custom_rgb_r.png);
	top:52px;
	left:212px;
}

.colorpicker_rgb_g {
	background-image:url(../images/custom_rgb_g.png);
	top:82px;
	left:212px;
}

.colorpicker_rgb_b {
	background-image:url(../images/custom_rgb_b.png);
	top:112px;
	left:212px;
}

.colorpicker_hsb_h {
	background-image:url(../images/custom_hsb_h.png);
	top:52px;
	left:282px;
}

.colorpicker_hsb_s {
	background-image:url(../images/custom_hsb_s.png);
	top:82px;
	left:282px;
}

.colorpicker_hsb_b {
	background-image:url(../images/custom_hsb_b.png);
	top:112px;
	left:282px;
}

.colorpicker_submit {
	position:absolute;
	width:22px;
	height:22px;
	background:url(../images/custom_submit.png) top;
	left:322px;
	top:142px;
	overflow:hidden;
}

.colorpicker_focus {
	background-position:center;
}

.colorpicker_hex.colorpicker_focus {
	background-position:bottom;
}

.colorpicker_submit.colorpicker_focus {
	background-position:bottom;
}

.colorpicker_slider {
	background-position:bottom;
}

.colorpicker_bg {
	width:22px;
	height:22px;
	float:left;
	background:url(../images/trigger.png) center no-repeat;
	cursor:pointer;
	margin-left:8px;
	margin-top:2px;
	box-shadow:rgba(0,0,0, 0.2) 0px 0px 4px;
	-moz-box-shadow:rgba(0,0,0, 0.2) 0px 0px 4px;
	-webkit-box-shadow:rgba(0,0,0, 0.2) 0px 0px 4px;
}