.colorpicker { width: 262px; height: 176px; z-index: 600; overflow: hidden; position: absolute; background: #f4f4f4 url(../images/colorpicker/gradiente.png) 179px 12px no-repeat; border: 1px solid #555; 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; border: 1px solid #555; } .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_current_color { position: absolute; width: 32px; height: 32px; left: 213px; top: 13px; background: #f00; border: 1px solid #555; -moz-border-radius: 6px; border-radius: 6px; } .colorpicker_new_color { position: absolute; width: 32px; height: 32px; left: 213px; top: 53px; background: #f00; border: 1px solid #555; -moz-border-radius: 6px; border-radius: 6px; } .colorpicker input { background-color: transparent; border: 1px solid transparent; 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: 11px; } .colorpicker_field { height: 22px; width: 62px; background-position: top; } .colorpicker_field span { position: absolute; width: 12px; height: 22px; overflow: hidden; top: 0; right: 0; cursor: n-resize; } .colorpicker_rgb_r, .colorpicker_rgb_g, .colorpicker_rgb_b, .colorpicker_hsb_h, .colorpicker_hsb_s, .colorpicker_hsb_b, .colorpicker_hex { display: none; } .colorpicker_submit { position: absolute; width: 32px; height: 32px; background: url(../images/colorpicker/apply.png) top; right: 15px; bottom: 10px; 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; }