#rgbValue, #hslaValue{float:right;}
.container{overflow:auto;}
#showPicker{float:left;}
.colorPicker{background:#92CAE4;border:1px solid #BBB;-moz-border-radius:.3em;border-radius:.3em;display:inline-block;width:210px;height:200px;}
.colorPicker .extras{float:right;margin:0.5em;}
.colorPicker .extras .currentColorContainer{overflow:hidden;}
.colorPicker .extras .currentColor{float:right;width:30px;height:30px;border:1px solid #BBB;-moz-border-radius:.3em;border-radius:.3em;}
.colorPicker .extras .colorFields{margin-top:0.5em;margin-bottom:0.5em;}
.colorPicker .extras .color{text-align:right;}
.colorPicker .extras .colorFields input{width:40px;margin-left:0.5em;}
.colorPicker .extras .hex{float:right;}
.colorPicker .extras .hex input{width:60px;}
.colorPicker .twod{float:left;margin:0.5em;}
.colorPicker .twod, .colorPicker .twod .bg{width:100px;height:100px;}
.colorPicker .oned, .colorPicker .oned .bg{height:100px;}
.colorPicker .oned, .colorPicker .oned .bg, .colorPicker .oned .pointer .shape{width:10px;}
.colorPicker .twod .bg{position:absolute;}
.colorPicker .twod .pointer{position:relative;z-index:2;width:8px;}
.colorPicker .twod .pointer .shape{position:absolute;}
.colorPicker .twod .pointer .shape1{margin-left:-7px;margin-top:-7px;width:10px;height:10px;border:2px solid black;-moz-border-radius:5px;border-radius:5px;}
.colorPicker .twod .pointer .shape2{margin-left:-6px;margin-top:-6px;width:8px;height:8px;border:2px solid white;-moz-border-radius:4px;border-radius:4px;}
.colorPicker .oned{float:left;margin:0.5em;}
.colorPicker .oned .bg{border:1px solid #BBB;}
.colorPicker .oned .pointer{position:relative;z-index:2;}
.colorPicker .oned .pointer .shape{position:absolute;margin-left:-1px;margin-top:-4px;height:5px;border:2px solid black;-moz-border-radius:5px;border-radius:5px;}
.colorPicker .oned .bg{background:-moz-linear-gradient(top, #ff0000 0%, #ffff00 17%, #00ff00 33%, #00ffff 50%, #0000ff 66%, #ff00ff 83%, #ff0000 100%);background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#ff0000), color-stop(17%,#ffff00), color-stop(33%,#00ff00), color-stop(50%,#00ffff), color-stop(66%,#0000ff), color-stop(83%,#ff00ff), color-stop(100%,#ff0000));background:-webkit-linear-gradient(top, #ff0000 0%,#ffff00 17%,#00ff00 33%,#00ffff 50%,#0000ff 66%,#ff00ff 83%,#ff0000 100%);background:-o-linear-gradient(top, #ff0000 0%,#ffff00 17%,#00ff00 33%,#00ffff 50%,#0000ff 66%,#ff00ff 83%,#ff0000 100%);background:linear-gradient(top, #ff0000 0%,#ffff00 17%,#00ff00 33%,#00ffff 50%,#0000ff 66%,#ff00ff 83%,#ff0000 100%);}
.colorPicker .twod .bg1{z-index:0;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:linear-gradient(left, rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%);}
.colorPicker .twod .bg2{z-index:1;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:linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,1) 100%);}
#hslPicker .twod .bg1{background:-moz-linear-gradient(left, #ff0000 0%, #ffff00 17%, #00ff00 33%, #00ffff 50%, #0000ff 66%, #ff00ff 83%, #ff0000 100%);background:-webkit-gradient(linear, left top, right top, color-stop(0%,#ff0000), color-stop(17%,#ffff00), color-stop(33%,#00ff00), color-stop(50%,#00ffff), color-stop(66%,#0000ff), color-stop(83%,#ff00ff), color-stop(100%,#ff0000));background:-webkit-linear-gradient(left, #ff0000 0%,#ffff00 17%,#00ff00 33%,#00ffff 50%,#0000ff 66%,#ff00ff 83%,#ff0000 100%);background:-o-linear-gradient(left, #ff0000 0%,#ffff00 17%,#00ff00 33%,#00ffff 50%,#0000ff 66%,#ff00ff 83%,#ff0000 100%);background:linear-gradient(left, #ff0000 0%,#ffff00 17%,#00ff00 33%,#00ffff 50%,#0000ff 66%,#ff00ff 83%,#ff0000 100%);}
#hslPicker .twod .bg2{background:-moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(127,127,127,1) 100%);background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0)), color-stop(100%,rgba(127,127,127,1)));background:-webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(127,127,127,1) 100%);background:-o-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(127,127,127,1) 100%);background:linear-gradient(top, rgba(0,0,0,0) 0%,rgba(127,127,127,1) 100%);}
#hslPicker .oned .bg{z-index:1;background:-moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(0,0,0,0) 50%, rgba(0,0,0,1) 100%);background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(50%,rgba(0,0,0,0)), color-stop(100%,rgba(0,0,0,1)));background:-webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(0,0,0,0),rgba(0,0,0,1) 100%);background:-o-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(0,0,0,0) 50%,rgba(0,0,0,1) 100%);background:linear-gradient(top, rgba(255,255,255,1) 0%,rgba(0,0,0,0) 50%,rgba(0,0,0,1) 100%);}
#hslPicker .extras{width:60px;}
#hslPicker .oned.alpha{margin:0;}
#hslPicker .oned.alpha .bg{background:-moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(0,0,0,1) 100%);background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(100%,rgba(0,0,0,1)));background:-webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(0,0,0,1) 100%);background:-o-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(0,0,0,1) 100%);background:linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(0,0,0,1) 100%);}