.colpick {position: absolute;width: 346px;height: 185px;overflow: hidden;display: none;font-family: Arial, Helvetica, sans-serif;background:#ebebeb;border: 1px solid #bbb;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;-o-user-select: none;user-select: none;}.colpick_color {position: absolute;left: 7px;top: 7px;width: 156px;height: 165px;overflow: hidden;outline: 1px solid #aaa;cursor: crosshair;}.colpick_color_overlay1 {position: absolute;left:0;top:0;width: 156px;height: 165px;-ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=1,startColorstr='#ffffff', endColorstr='#00ffffff')"; background: -moz-linear-gradient(left, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 100%); background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(255,255,255,1)), color-stop(100%,rgba(255,255,255,0))); background: -webkit-linear-gradient(left, rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%); background: -o-linear-gradient(left, rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%); background: -ms-linear-gradient(left, rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%); background: linear-gradient(to right, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 100%);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=1,startColorstr='#ffffff', endColorstr='#00ffffff'); }.colpick_color_overlay2 {position: absolute;left:0;top:0;width: 156px;height: 165px;-ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#00000000', endColorstr='#000000')"; background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,1) 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0)), color-stop(100%,rgba(0,0,0,1))); background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,1) 100%); background: -o-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,1) 100%); background: -ms-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,1) 100%); background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#000000',GradientType=0 ); }.colpick_selector_outer {background:none;position: absolute;width: 11px;height: 11px;margin: -6px 0 0 -6px;border: 1px solid black;border-radius: 50%;}.colpick_selector_inner{position: absolute;width: 9px;height: 9px;border: 1px solid white;border-radius: 50%;}.colpick_hue {position: absolute;top: 6px;left: 175px;width: 19px;height: 156px;border: 1px solid #aaa;cursor: n-resize;}.colpick_hue_arrs {position: absolute;left: -8px;width: 35px;height: 7px;margin: -7px 0 0 0;}.colpick_hue_larr {position:absolute;width: 0; height: 0; border-top: 6px solid transparent;border-bottom: 6px solid transparent;border-left: 7px solid #858585;}.colpick_hue_rarr {position:absolute;right:0;width: 0; height: 0; border-top: 6px solid transparent;border-bottom: 6px solid transparent; border-right: 7px solid #858585; }.colpick_new_color {position: absolute;left: 207px;top: 6px;width: 60px;height: 27px;background: #f00;border: 1px solid #8f8f8f;}.colpick_current_color {position: absolute;left: 277px;top: 6px;width: 60px;height: 27px;background: #f00;border: 1px solid #8f8f8f;}.colpick_field, .colpick_hex_field{position: absolute;height: 20px;width: 60px;overflow:hidden;background:#f3f3f3;color:#b8b8b8;font-size:12px;border:1px solid #bdbdbd;-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;}.colpick_rgb_r {top: 40px;left: 207px;}.colpick_rgb_g {top: 67px;left: 207px;}.colpick_rgb_b {top: 94px;left: 207px;}.colpick_hsb_h {top: 40px;left: 277px;}.colpick_hsb_s {top: 67px;left: 277px;}.colpick_hsb_b {top: 94px;left: 277px;}.colpick_hex_field {width: 68px;left: 207px;top: 121px;}.colpick_focus {border-color: #999;}.colpick_field_letter {position: absolute;width: 12px;height: 20px;line-height: 20px;padding-left: 4px;background: #efefef;border-right: 1px solid #bdbdbd;font-weight: bold;color:#777;}.colpick_field input, .colpick_hex_field input {position: absolute;right: 11px;margin: 0;padding: 0;height: 20px;line-height: 20px;background: transparent;border: none;font-size: 12px;font-family: Arial, Helvetica, sans-serif;color: #555;text-align: right;outline: none;}.colpick_hex_field input {right: 4px;}.colpick_field_arrs {position: absolute;top: 0;right: 0;width: 9px;height: 21px;cursor: n-resize;}.colpick_field_uarr {position: absolute;top: 5px;width: 0; height: 0; border-left: 4px solid transparent;border-right: 4px solid transparent;border-bottom: 4px solid #959595;}.colpick_field_darr {position: absolute;bottom:5px;width: 0; height: 0; border-left: 4px solid transparent;border-right: 4px solid transparent;border-top: 4px solid #959595;}.colpick_submit {position: absolute;left: 207px;top: 149px;width: 130px;height: 22px;line-height:22px;background: #efefef;text-align: center;color: #555;font-size: 12px;font-weight:bold;border: 1px solid #bdbdbd;-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;}.colpick_submit:hover {background:#f3f3f3;border-color:#999;cursor: pointer;}.colpick_full_ns.colpick_submit, .colpick_full_ns .colpick_current_color{display:none;}.colpick_full_ns .colpick_new_color {width: 130px;height: 25px;}.colpick_full_ns .colpick_rgb_r, .colpick_full_ns .colpick_hsb_h {top: 42px;}.colpick_full_ns .colpick_rgb_g, .colpick_full_ns .colpick_hsb_s {top: 73px;}.colpick_full_ns .colpick_rgb_b, .colpick_full_ns .colpick_hsb_b {top: 104px;}.colpick_full_ns .colpick_hex_field {top: 135px;}.colpick_rgbhex .colpick_hsb_h, .colpick_rgbhex .colpick_hsb_s, .colpick_rgbhex .colpick_hsb_b {display:none;}.colpick_rgbhex {width:282px;}.colpick_rgbhex .colpick_field, .colpick_rgbhex .colpick_submit {width:68px;}.colpick_rgbhex .colpick_new_color {width:34px;border-right:none;}.colpick_rgbhex .colpick_current_color {width:34px;left:240px;border-left:none;}.colpick_rgbhex_ns.colpick_submit, .colpick_rgbhex_ns .colpick_current_color{display:none;}.colpick_rgbhex_ns .colpick_new_color{width:68px;border: 1px solid #8f8f8f;}.colpick_rgbhex_ns .colpick_rgb_r {top: 42px;}.colpick_rgbhex_ns .colpick_rgb_g {top: 73px;}.colpick_rgbhex_ns .colpick_rgb_b {top: 104px;}.colpick_rgbhex_ns .colpick_hex_field {top: 135px;}.colpick_hex .colpick_hsb_h, .colpick_hex .colpick_hsb_s, .colpick_hex .colpick_hsb_b, .colpick_hex .colpick_rgb_r, .colpick_hex .colpick_rgb_g, .colpick_hex .colpick_rgb_b {display:none;}.colpick_hex {width:206px;height:201px;}.colpick_hex .colpick_hex_field {width:72px;height:25px;top:168px;left:80px;}.colpick_hex .colpick_hex_field div, .colpick_hex .colpick_hex_field input {height: 25px;line-height: 25px;}.colpick_hex .colpick_new_color {left:9px;top:168px;width:30px;border-right:none;}.colpick_hex .colpick_current_color {left:39px;top:168px;width:30px;border-left:none;}.colpick_hex .colpick_submit {left:164px;top: 168px;width:30px;height:25px;line-height: 25px;}.colpick_hex_ns.colpick_submit, .colpick_hex_ns .colpick_current_color {display:none;}.colpick_hex_ns .colpick_hex_field {width:80px;}.colpick_hex_ns .colpick_new_color{width:60px;border: 1px solid #8f8f8f;}.colpick_dark {background: #161616;border-color: #2a2a2a;}.colpick_dark .colpick_color {outline-color: #333;}.colpick_dark .colpick_hue {border-color: #555;}.colpick_dark .colpick_field, .colpick_dark .colpick_hex_field {background: #101010;border-color: #2d2d2d;}.colpick_dark .colpick_field_letter {background: #131313;border-color: #2d2d2d;color: #696969;}.colpick_dark .colpick_field input, .colpick_dark .colpick_hex_field input {color: #7a7a7a;}.colpick_dark .colpick_field_uarr {border-bottom-color:#696969;}.colpick_dark .colpick_field_darr {border-top-color:#696969;}.colpick_dark .colpick_focus {border-color:#444;}.colpick_dark .colpick_submit {background: #131313;border-color:#2d2d2d;color:#7a7a7a;}.colpick_dark .colpick_submit:hover {background-color:#101010;border-color:#444;}