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