/* ==== color picker ==== */
.wndFrameCssPalette {box-shadow:0px 0px 2px 1px rgba(0,0,0,0.8);background-color:#f0f0f0;padding:10px;}
.wndFrameCssPalette input {position:relative;float:left;margin-left:3px;padding-left:5px;padding-right:5px;width:52px;height:23px;border:solid 1px #c5c5c5;border-radius:2px;-webkit-border-radius:2px;opacity:1;}

.paletteHeader {position:relative;height:23px;}
.paletteHeaderNode1{float:left;padding:3px;width:34px;height:17px;background-image:url('../imgs/ui/popup/pallet_bg_pattern.png');}
.paletteHeaderNode2{float:left;margin-left:7px;width:8px;font-size:12px;line-height:23px;color:#000000;}

.paletteBody {position:relative;}
.paletteBodyUsed {position:relative;margin-top:10px;margin-left:7px;height:15px;}
.paletteBodyColor {position:relative;margin-top:7px;margin-left:5px;height:auto;}

.paletteFooter {position:relative;margin-top:9px;height:23px;width:100%;}
.paletteFooterNode1 {position:relative;float:left;width:40px;height:100%;margin-left:3px;font-size:12px;line-height:23px;color:#000000;text-align:left;}
.paletteFooterNode2 {position:relative;float:left;height:100%;margin-left:1px;font-size:12px;line-height:23px;color:#000000;}
.paletteFooterNode3 {position:relative;float:left;margin-left:5px;height:100%;}

.guage {position:absolute;top:0px;height:100%;}
.guage.L {left:0px;width:6px;background:url('../imgs/ui/gauge/opacitybar_l.png') no-repeat center;}
.guage.M {left:6px;background:url('../imgs/ui/gauge/opacitybar_c.png') repeat no-repeat center;}
.guage.R {right:0px;width:6px;background:url('../imgs/ui/gauge/opacitybar_r.png') no-repeat center;}
.guage.Line {right:0px;width:1px;background:url('../imgs/ui/gauge/opacitybar_line.png') no-repeat center;}
.guage.Bar {background:url('../imgs/ui/gauge/opacitybar_scroller.png') no-repeat center;}

.palette_dropdown {position:absolute;top:0px;height:204px;}
.palette_dropdown.L {left:0px;width:14px;background:url('../imgs/ui/palette/pallet_bg_l.png') no-repeat center;}
.palette_dropdown.M {left:14px;background:url('../imgs/ui/palette/pallet_bg_c.png') repeat no-repeat center;}
.palette_dropdown.R {right:0px;width:14px;background:url('../imgs/ui/palette/pallet_bg_r.png') no-repeat center;}

.palette_color {float:left;margin-top:1px;margin-right:3px;margin-bottom:0px;width:14px;height:14px;box-sizing:border-box;outline:solid 1px #ffffff;}
.palette_color.over {margin-bottom:1px;height:13px;border:solid 2px #ffffff;outline:solid 1px #ff8102;}
.palette_color.select {margin-bottom:1px;height:13px;border:solid 2px #ffffff;outline:solid 1px #ff0000;}

.palette_opacity_state {position:relative;float:left;width:15px;height:100%;background:url('../imgs/ui/palette/opacity_icon.png') no-repeat center;}
.palette_opacity_state.over {background:url('../imgs/ui/palette/opacity_icon_over.png') no-repeat center;}
.palette_opacity_state.selected {background:url('../imgs/ui/palette/opacity_icon_selected.png') no-repeat center;}