#pickerPanel{width:356px;height:260px;font-size:11px;line-height:19px;//margin:auto}.dragPanel{position:relative;background-color:#fbf6ee;border:10px solid gold;margin:4px;width:260px;height:180px}.dragPanel h4{background-color:transparent;height:10px;margin:0;cursor:move}.bg,.thumb{position:absolute;height:18px}#hueThumb,#selector,.bg p,.bg span,.thumb{cursor:default}input{//font-family:Monaco,Consolas,monospace;font-size:.85em;border:none}.thumb{width:18px;z-index:9}.bg{left:10px;width:146px;border:0 solid #aaa}.bg p,.bg span{position:relative;font-size:2px;overflow:hidden;color:#aaa;top:4px;height:10px;width:4px;display:block;float:left}#pickerSwatch,#pickervaldiv{position:absolute;left:234px;width:90px}.bg span{border-top:1px solid #ccc;border-bottom:1px solid #ccc}.bg .lb{border-left:1px solid #ccc}.bg .rb{border-right:1px solid #ccc}#valdiv{position:absolute;top:100px;left:10px}#rBG{top:30px}#gBG{top:50px}#bBG{top:70px}#rgbSwatch{position:absolute;left:160px;top:34px;height:50px;width:50px;border:1px solid #aaa}#pickerSwatch,.colorbox:first-child{border-top-left-radius:3px;border-top-right-radius:3px}#pickervaldiv,.colorbox:last-child{border-bottom-left-radius:3px;border-bottom-right-radius:3px}#rgbPanel{width:360px;height:240px}#hueThumb{width:18px;height:18px;z-index:9;position:absolute}#hueBg{position:absolute;left:206px;height:198px;width:18px;background:url(../img/hue2.png) no-repeat;top:17px;font-size:18px;color:#000;//text-shadow:0 0 1px #000}#pickerDiv{position:absolute;left:10px;height:187px;width:188px;top:20px}#pickerbg{position:absolute;z-index:1;top:0;left:0}#selector{width:11px;height:11px;z-index:9;position:absolute;top:0;left:0;color:#fff;font-size:16px;//text-shadow:0 0 1px gray}#pickerSwatch{top:26px;height:60px}#pickervaldiv{//text-align:right;top:86px;background:rgba(255,255,255,1);height:121px;padding:0 8px}#pickerhexval{font-size:14px;font-weight:700}.colorbox-container{//border:1px solid #000;border-radius:3px}.colorbox{//width:80px;height:55px;background:#fff;padding:10px;//text-align:center}.colorbox input{border-radius:3px;padding:3px}@media (min-width:1200px){#pickerPanel{width:400px}#pickerSwatch,#pickervaldiv{left:264px}#hueBg{left:226px}#pickerDiv{left:20px}}.css-color-codes .row{padding:10px}.css-color-codes .row:hover{outline:orange solid 1px}.css-color-codes input{padding:5px;border-radius:3px;font-family:Monaco,Consolas,monospace}.css-color-codes input:focus{box-shadow:0 0 10px orange;outline:0;border:1px solid orange;padding:4px}#pickervaldiv input[size="6"]{background-color:transparent;width:60px}#pickervaldiv input[size="3"]{background-color:transparent;width:23px}#pickervaldiv input:focus{//box-shadow:0 0 5px orange;outline:orange solid 1px}