.colorpicker { width:356px; height:176px; overflow:hidden; position:absolute; background:url(images/colorpicker_background.png); font-family:Arial, Helvetica, sans-serif; display:none; }
.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/colorpicker_indic.gif) left top; margin:-4px 0 0 0; left:0px; }
.colorpicker_new_color { cursor:pointer; position:absolute; width:60px; height:30px; left:213px; top:13px; background:#f00; }
.colorpicker_current_color { cursor:pointer; position:absolute; width:60px; height:30px; left:283px; top:13px; background:#f00; }
.colorpicker input { background-color:transparent; border:0px; position:absolute; font-size:10px; font-family:Arial, Helvetica, sans-serif; color:#898989; top:4px; right:11px; text-align:right; margin:0; padding:0; height:12px; }
.colorpicker_hex { position:absolute; width:72px; height:22px; background:url(images/colorpicker_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/colorpicker_rgb_r.png); top:52px; left:212px; }
.colorpicker_rgb_g { background-image:url(images/colorpicker_rgb_g.png); top:82px; left:212px; }
.colorpicker_rgb_b { background-image:url(images/colorpicker_rgb_b.png); top:112px; left:212px; }
.colorpicker_hsb_h { background-image:url(images/colorpicker_hsb_h.png); top:52px; left:282px; }
.colorpicker_hsb_s { background-image:url(images/colorpicker_hsb_s.png); top:82px; left:282px; }
.colorpicker_hsb_b { background-image:url(images/colorpicker_hsb_b.png); top:112px; left:282px; }
.colorpicker_submit { cursor:pointer; position:absolute; width:22px; height:22px; background:url(images/colorpicker_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; }

.color_picker { margin-left:3px; width:22px; height:22px; cursor:pointer; display:inline-block; vertical-align:middle; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; }
.color_picker * { width:22px; height:22px; background:url(images/select.png) no-repeat top left; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; }