body{font-family:'Lato',sans-serif;font-weight:400;min-width:800px;margin:0;background:#000;background-image:-webkit-gradient(linear,left top,left bottom,color-stop(0,rgba(130,130,130,0.3)),color-stop(1,rgba(0,0,0,0.5)));background-image:-webkit-linear-gradient(top,rgba(130,130,130,0.3) 0%,rgba(0,0,0,0.5) 100%);background-image:-moz-linear-gradient(top,rgba(130,130,130,0.3) 0%,rgba(0,0,0,0.5) 100%);background-image:-ms-linear-gradient(top,rgba(130,130,130,0.3) 0%,rgba(0,0,0,0.5) 100%);background-image:-o-linear-gradient(top,rgba(130,130,130,0.3) 0%,rgba(0,0,0,0.5) 100%);background-image:linear-gradient(top,rgba(130,130,130,0.3) 0%,rgba(0,0,0,0.5) 100%);}div#header{z-index:1000;}div#gp_dialog hr{clear:both;}div#gp_dialog{position:relative;}div#download{position:relative;top:-25px;clear:both;}div.downloadifyContainer{width:120px;position:relative;top:-2px;display:inline-block;margin:0 10px 0 0;}div.downloadifyContainer div{cursor:pointer;position:absolute;top:0px;left:5px;z-index:2001;}div.downloadifyContainer div.downloadify{z-index:2000;border-radius:7px;-moz-border-radius:7px;-webkit-border-radius:7px;box-shadow:2px 2px 4px #000;-moz-box-shadow:2px 2px 4px #000;-webkit-box-shadow:2px 2px 4px #000;color:#fff;padding:10px 15px;background-color:#0463D9;background-image:-webkit-gradient(linear,left top,left bottom,color-stop(0,#0370fa),color-stop(1,#034291));background-image:-webkit-linear-gradient(top,#0370fa 0%,#034291 100%);background-image:-moz-linear-gradient(top,#0370fa 0%,#034291 100%);background-image:-ms-linear-gradient(top,#0370fa 0%,#034291 100%);background-image:-o-linear-gradient(top,#0370fa 0%,#034291 100%);background-image:linear-gradient(top,#0370fa 0%,#034291 100%);}footer{font-family:'Andada',serif;font-size:18px;transition-property:opacity,background,border;-moz-transition-property:opacity,background,border;-ms-transition-property:opacity,background,border;-o-transition-property:opacity,background,border;-webkit-transition-property:opacity,background,border;transition-duration:.5s;-moz-transition-duration:.5s;-ms-transition-duration:.5s;-o-transition-duration:.5s;-webkit-transition-duration:.5s;z-index:0;opacity:0.4;padding-top:1em;border-top:0px solid rgba(255,255,255,0);background:rgba(255,255,255,0.35);position:absolute;bottom:0px;min-width:470px;width:100%;text-align:center;color:#222;clear:both;padding-bottom:1.3em;}footer a{transition-property:color;-moz-transition-property:color;-ms-transition-property:color;-o-transition-property:color;-webkit-transition-property:color;transition-duration:.5s;-moz-transition-duration:.5s;-ms-transition-duration:.5s;-o-transition-duration:.5s;-webkit-transition-duration:.5s;color:#000;}footer a:hover{color:#0577FF;}footer:hover{border-top:10px solid rgba(255,255,255,0.3);background:rgba(255,255,255,0.8);opacity:1;}.right{float:right !important;}#deltaSwatch{width:267px;height:370px;float:left;border-right:0;border-bottom:0;border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;position:relative;z-index:6;top:14px;left:10px;}#deltaSwatch:hover ul.tabs{opacity:1;}#deltaSwatch ul.tabs{transition-property:opacity;-moz-transition-property:opacity;-ms-transition-property:opacity;-o-transition-property:opacity;-webkit-transition-property:opacity;transition-duration:.25s;-moz-transition-duration:.25s;-ms-transition-duration:.25s;-o-transition-duration:.25s;-webkit-transition-duration:.25s;opacity:0.5;font-family:'Andada',serif;font-size:18px;position:absolute;top:-32px;left:-6px;margin:0;padding:0;margin-bottom:5px;width:98%;}#deltaSwatch ul.tabs li{transition-property:background,color;-moz-transition-property:background,color;-ms-transition-property:background,color;-o-transition-property:background,color;-webkit-transition-property:background,color;transition-duration:.25s;-moz-transition-duration:.25s;-ms-transition-duration:.25s;-o-transition-duration:.25s;-webkit-transition-duration:.25s;cursor:pointer;z-index:1;position:relative;text-align:center;border-radius:5px 5px 0 0;-moz-border-radius:5px 5px 0 0;-webkit-border-radius:5px 5px 0 0;color:#ddd;padding:4px 0 4px 10px;border:0;display:block;float:left;margin-left:1px;}body.black #deltaSwatch ul.tabs li.selected{color:#000;text-shadow:1px 1px rgba(255,255,255,0.75);-moz-text-shadow:1px 1px rgba(255,255,255,0.75);}#deltaSwatch ul.tabs li.selected{cursor:default;height:25px;color:#fff;text-shadow:1px 1px rgba(0,0,0,0.75);-moz-text-shadow:1px 1px rgba(0,0,0,0.75);}#deltaBox div{width:24px;height:24px;cursor:pointer;z-index:7;display:block;float:left;border-radius:3px;-moz-border-radius:3px;-webkit-border-radius:3px;margin:0 2px 2px 0;}#deltaBox div div{transition-property:border,border-radius;-moz-transition-property:border,border-radius;-ms-transition-property:border,border-radius;-o-transition-property:border,border-radius;-webkit-transition-property:border,border-radius;transition-duration:.25s;-moz-transition-duration:.25s;-ms-transition-duration:.25s;-o-transition-duration:.25s;-webkit-transition-duration:.25s;line-height:33px;text-align:center;font-size:30px;display:inline-block;color:transparent;}#deltaBox div div.stopAnimation{transition-duration:.25s;-moz-transition-duration:.25s;-ms-transition-duration:.25s;-o-transition-duration:.25s;-webkit-transition-duration:.25s;z-index:7;cursor:pointer;box-shadow:0 0 10px #000;-moz-box-shadow:0 0 10px #000;-webkit-box-shadow:0 0 10px #000;border:2px solid #FFFFFF;border:2px solid rgba(255,255,255,0.5);border-radius:20px;-moz-border-radius:20px;-webkit-border-radius:20px;position:relative;height:150%;width:150%;left:-25%;top:-25%;color:#000;transition-property:none;-moz-transition-property:none;-ms-transition-property:none;-o-transition-property:none;-webkit-transition-property:none;}#deltaBox div div:hover{transition-duration:0;-moz-transition-duration:0;-ms-transition-duration:0;-o-transition-duration:0;-webkit-transition-duration:0;z-index:7;cursor:pointer;box-shadow:0 0 10px #000;-moz-box-shadow:0 0 10px #000;-webkit-box-shadow:0 0 10px #000;border:2px solid #fff;border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;position:relative;height:150%;width:150%;left:-25%;top:-25%;}body.whiteInterface #deltaBox div div.stopAnimation{color:#fff;}#deltaBox div div:active{transition-property:border,border-radius;-moz-transition-property:border,border-radius;-ms-transition-property:border,border-radius;-o-transition-property:border,border-radius;-webkit-transition-property:border,border-radius;transition-duration:.25s;-moz-transition-duration:.25s;-ms-transition-duration:.25s;-o-transition-duration:.25s;-webkit-transition-duration:.25s;border-radius:20px;-moz-border-radius:20px;-webkit-border-radius:20px;border:2px solid #FFFFFF;border:2px solid rgba(255,255,255,0.5);}a.control{cursor:pointer;display:block;float:left;}a.control .icon{display:block;width:100%;height:100%;}#previewCanvas{transition-property:opacity;-moz-transition-property:opacity;-ms-transition-property:opacity;-o-transition-property:opacity;-webkit-transition-property:opacity;transition-duration:.25s;-moz-transition-duration:.25s;-ms-transition-duration:.25s;-o-transition-duration:.25s;-webkit-transition-duration:.25s;position:absolute;top:0;left:0;z-index:-1;opacity:0;}#palette{transition-property:background,width;-moz-transition-property:background,width;-ms-transition-property:background,width;-o-transition-property:background,width;-webkit-transition-property:background,width;transition-duration:.4s;-moz-transition-duration:.4s;-ms-transition-duration:.4s;-o-transition-duration:.4s;-webkit-transition-duration:.4s;position:relative;top:64px;height:150px;background:transparent;border-top:none;border-bottom:none;margin:auto;width:90%;border-radius:7px;-moz-border-radius:7px;-webkit-border-radius:7px;border-top-right-radius:0;border-top-left-radius:0;box-shadow:0 0 1px #fff;-moz-box-shadow:0 0 1px #fff;-webkit-box-shadow:0 0 1px #fff;z-index:10;}#palette canvas{transition-property:opacity;-moz-transition-property:opacity;-ms-transition-property:opacity;-o-transition-property:opacity;-webkit-transition-property:opacity;transition-duration:.25s;-moz-transition-duration:.25s;-ms-transition-duration:.25s;-o-transition-duration:.25s;-webkit-transition-duration:.25s;opacity:0;width:100%;height:100%;position:absolute;left:-1px;z-index:-1;border-radius:7px;-moz-border-radius:7px;-webkit-border-radius:7px;border-top-right-radius:0;border-top-left-radius:0;}#palette.hideCanvas canvas{opacity:0;display:none;}#palette.showCanvas canvas{opacity:1;}#palette:active{background:none;}#palette div.colorControl{transition-property:box-shadow,border,border-radius,opacity;-moz-transition-property:box-shadow,border,border-radius,opacity;-ms-transition-property:box-shadow,border,border-radius,opacity;-o-transition-property:box-shadow,border,border-radius,opacity;-webkit-transition-property:box-shadow,border,border-radius,opacity;transition-duration:.35s;-moz-transition-duration:.35s;-ms-transition-duration:.35s;-o-transition-duration:.35s;-webkit-transition-duration:.35s;color:#000;display:block;float:left;top:0px;cursor:default;position:relative;height:135px;border-top:15px solid rgba(0,0,0,0);z-index:1;position:relative;}#palette.shadow > div{z-index:100;box-shadow:0 0px 15px 0 rgba(255,255,255,0.25);-moz-box-shadow:0 0px 15px 0 rgba(255,255,255,0.25);-webkit-box-shadow:0 0px 15px 0 rgba(255,255,255,0.25);}#palette div.colorControl.hover,#palette div.colorControl:hover{border-top-color:#f00;height:140px
	z-index: 2;}#palette div.colorControl.selected:before{content:"";position:relative;top:-15px;display:block;border-top:1px solid rgba(255,255,255,0.3);border-radius:10px;-moz-border-radius:10px;-webkit-border-radius:10px;height:20px;}#palette div.colorControl.selected{border-bottom:0;height:150px;border-top-left-radius:10px;border-top-right-radius:10px;position:relative;top:-15px;z-index:3;}#palette div:first-child{border-bottom-left-radius:10px;}#palette div:last-child{border-bottom-right-radius:10px;}#palette div.centerPoint{transition-property:opacity,background,color,border;-moz-transition-property:opacity,background,color,border;-ms-transition-property:opacity,background,color,border;-o-transition-property:opacity,background,color,border;-webkit-transition-property:opacity,background,color,border;transition-duration:.25s;-moz-transition-duration:.25s;-ms-transition-duration:.25s;-o-transition-duration:.25s;-webkit-transition-duration:.25s;cursor:pointer;box-shadow:0 0 3px rgba(255,255,255,0.5);-moz-box-shadow:0 0 3px rgba(255,255,255,0.5);-webkit-box-shadow:0 0 3px rgba(255,255,255,0.5);border-radius:10px;-moz-border-radius:10px;-webkit-border-radius:10px;margin:auto;border:1px solid #000000;border:1px solid rgba(0,0,0,1);background:#000;height:12px;color:#bbb;width:4px;font-size:12px;padding:5px 9px 6px 6px;position:relative;top:136px;opacity:0;border-top:0;border-top-right-radius:0;border-top-left-radius:0;cursor:ew-resize;z-index:0;font-weight:bold;text-indent:-3px;}#palette div.selected div.centerPoint{background-image:-webkit-gradient(linear,left top,left bottom,color-stop(0,rgba(130,130,130,0.5)),color-stop(1,rgba(0,0,0,0.5)));background-image:-webkit-linear-gradient(top,rgba(130,130,130,0.5) 0%,rgba(0,0,0,0.5) 100%);background-image:-moz-linear-gradient(top,rgba(130,130,130,0.5) 0%,rgba(0,0,0,0.5) 100%);background-image:-ms-linear-gradient(top,rgba(130,130,130,0.5) 0%,rgba(0,0,0,0.5) 100%);background-image:-o-linear-gradient(top,rgba(130,130,130,0.5) 0%,rgba(0,0,0,0.5) 100%);background-image:linear-gradient(top,rgba(130,130,130,0.5) 0%,rgba(0,0,0,0.5) 100%);opacity:1;top:130px;}#palette div.colorControl:hover div.centerPoint{background-image:-webkit-gradient(linear,left top,left bottom,color-stop(0,rgba(130,130,130,0.5)),color-stop(1,rgba(0,0,0,0.5)));background-image:-webkit-linear-gradient(top,rgba(130,130,130,0.5) 0%,rgba(0,0,0,0.5) 100%);background-image:-moz-linear-gradient(top,rgba(130,130,130,0.5) 0%,rgba(0,0,0,0.5) 100%);background-image:-ms-linear-gradient(top,rgba(130,130,130,0.5) 0%,rgba(0,0,0,0.5) 100%);background-image:-o-linear-gradient(top,rgba(130,130,130,0.5) 0%,rgba(0,0,0,0.5) 100%);background-image:linear-gradient(top,rgba(130,130,130,0.5) 0%,rgba(0,0,0,0.5) 100%);opacity:1;}#palette div.colorControl div.centerPoint:hover{transition-property:color;-moz-transition-property:color;-ms-transition-property:color;-o-transition-property:color;-webkit-transition-property:color;transition-duration:.25s;-moz-transition-duration:.25s;-ms-transition-duration:.25s;-o-transition-duration:.25s;-webkit-transition-duration:.25s;color:#fff;opacity:1;}#palette div.colorResize{transition-property:opacity;-moz-transition-property:opacity;-ms-transition-property:opacity;-o-transition-property:opacity;-webkit-transition-property:opacity;transition-duration:.25s;-moz-transition-duration:.25s;-ms-transition-duration:.25s;-o-transition-duration:.25s;-webkit-transition-duration:.25s;background-image:url("http://colrd.com/software/creator/media/colorResize.png");background-position:0 69px;border-radius:0 0 0 0;-moz-border-radius:0 0 0 0;-webkit-border-radius:0 0 0 0;cursor:col-resize;height:150px;top:-15px;left:-4px;opacity:0;position:absolute;width:9px;}#palette:hover div.colorResize{opacity:0.15;}#palette div div.colorResize.hovered,#palette div div.colorResize:hover{background-color:#000;opacity:0.5;}#palette div.selected div.colorResize{top:0;height:150px;}#HEX{font-family:'Andada',serif;font-size:18px;width:130px;height:41px;background:none;text-transform:uppercase;font-weight:bold;text-align:center;transition-property:border;-moz-transition-property:border;-ms-transition-property:border;-o-transition-property:border;-webkit-transition-property:border;transition-duration:.25s;-moz-transition-duration:.25s;-ms-transition-duration:.25s;-o-transition-duration:.25s;-webkit-transition-duration:.25s;border:0;display:block;float:left;padding:1px;border-left:1px solid rgba(255,255,255,.2);border-right:1px solid rgba(0,0,0,1);background-image:-webkit-gradient(linear,left top,left bottom,color-stop(0,rgba(255,255,255,0.2)),color-stop(0.5,rgba(128,128,128,0)),color-stop(1,rgba(0,0,0,0.25)));background-image:-webkit-linear-gradient(top,rgba(255,255,255,0.2) 0%,rgba(128,128,128,0) 50%,rgba(0,0,0,0.25) 100%);background-image:-moz-linear-gradient(top,rgba(255,255,255,0.2) 0%,rgba(128,128,128,0) 50%,rgba(0,0,0,0.25) 100%);background-image:-ms-linear-gradient(top,rgba(255,255,255,0.2) 0%,rgba(128,128,128,0) 50%,rgba(0,0,0,0.25) 100%);background-image:-o-linear-gradient(top,rgba(255,255,255,0.2) 0%,rgba(128,128,128,0) 50%,rgba(0,0,0,0.25) 100%);background-image:linear-gradient(top,rgba(255,255,255,0.2) 0%,rgba(128,128,128,0) 50%,rgba(0,0,0,0.25) 100%);}body.blackInterface div#content-container input#HEX{transition-property:color;-moz-transition-property:color;-ms-transition-property:color;-o-transition-property:color;-webkit-transition-property:color;transition-duration:.25s;-moz-transition-duration:.25s;-ms-transition-duration:.25s;-o-transition-duration:.25s;-webkit-transition-duration:.25s;color:#000;}body.whiteInterface div#content-container input#HEX{color:#FFF;}div.addButton{transition-property:opacity;-moz-transition-property:opacity;-ms-transition-property:opacity;-o-transition-property:opacity;-webkit-transition-property:opacity;transition-duration:.25s;-moz-transition-duration:.25s;-ms-transition-duration:.25s;-o-transition-duration:.25s;-webkit-transition-duration:.25s;border-bottom-left-radius:15px;border-bottom-right-radius:15px;width:32px;height:33px;background:#fff;display:none;left:-15px;top:215px;opacity:0;padding-top:3px;font-size:28px;text-align:center;color:#000;position:absolute;z-index:10;box-shadow:0 0 1px #000;-moz-box-shadow:0 0 1px #000;-webkit-box-shadow:0 0 1px #000;border:2px solid #fff;background-image:url("http://colrd.com/software/creator/media/ico-add.png");background-repeat:no-repeat;background-position:center -32px;}body.whiteInterface div.addButton{color:#fff;}#addColor{transition-property:border,border-radius;-moz-transition-property:border,border-radius;-ms-transition-property:border,border-radius;-o-transition-property:border,border-radius;-webkit-transition-property:border,border-radius;transition-duration:.25s;-moz-transition-duration:.25s;-ms-transition-duration:.25s;-o-transition-duration:.25s;-webkit-transition-duration:.25s;z-index:0;width:44px;height:43px;border-radius:10px 0 0 0;-moz-border-radius:10px 0 0 0;-webkit-border-radius:10px 0 0 0;background-image:-webkit-gradient(linear,left top,left bottom,color-stop(0,rgba(255,255,255,0.2)),color-stop(0.5,rgba(128,128,128,0)),color-stop(1,rgba(0,0,0,0.25)));background-image:-webkit-linear-gradient(top,rgba(255,255,255,0.2) 0%,rgba(128,128,128,0) 50%,rgba(0,0,0,0.25) 100%);background-image:-moz-linear-gradient(top,rgba(255,255,255,0.2) 0%,rgba(128,128,128,0) 50%,rgba(0,0,0,0.25) 100%);background-image:-ms-linear-gradient(top,rgba(255,255,255,0.2) 0%,rgba(128,128,128,0) 50%,rgba(0,0,0,0.25) 100%);background-image:-o-linear-gradient(top,rgba(255,255,255,0.2) 0%,rgba(128,128,128,0) 50%,rgba(0,0,0,0.25) 100%);background-image:linear-gradient(top,rgba(255,255,255,0.2) 0%,rgba(128,128,128,0) 50%,rgba(0,0,0,0.25) 100%);border-right:1px solid #000;}#addColor .icon{background-image:url("http://colrd.com/software/creator/media/ico-add.png");background-repeat:no-repeat;background-position:center 10px;}#addColor:HOVER .icon{background-position:center -28px;}#removeColor{width:44px;height:43px;border:0;border-left:1px solid rgba(255,255,255,.2);border-right:1px solid rgba(0,0,0,.4);background-image:-webkit-gradient(linear,left top,left bottom,color-stop(0,rgba(255,255,255,0.2)),color-stop(0.5,rgba(128,128,128,0)),color-stop(1,rgba(0,0,0,0.25)));background-image:-webkit-linear-gradient(top,rgba(255,255,255,0.2) 0%,rgba(128,128,128,0) 50%,rgba(0,0,0,0.25) 100%);background-image:-moz-linear-gradient(top,rgba(255,255,255,0.2) 0%,rgba(128,128,128,0) 50%,rgba(0,0,0,0.25) 100%);background-image:-ms-linear-gradient(top,rgba(255,255,255,0.2) 0%,rgba(128,128,128,0) 50%,rgba(0,0,0,0.25) 100%);background-image:-o-linear-gradient(top,rgba(255,255,255,0.2) 0%,rgba(128,128,128,0) 50%,rgba(0,0,0,0.25) 100%);background-image:linear-gradient(top,rgba(255,255,255,0.2) 0%,rgba(128,128,128,0) 50%,rgba(0,0,0,0.25) 100%);}#removeColor .icon{background-image:url("http://colrd.com/software/creator/media/ico-remove.png");background-repeat:no-repeat;background-position:center 10px;}#removeColor:HOVER .icon{background-position:center -26px;}body.black div#addColor{color:#000;}body.white div#addColor{color:#fff;}#random{background-image:url("http://colrd.com/software/creator/media/ico-random.png");background-repeat:no-repeat;background-position:center 12px;border-left:1px solid rgba(255,255,255,.1);}#random:hover{background-color:#000000;background-color:rgba(0,0,0,0);background-position:center -33px;}#flip{background-image:url("http://colrd.com/software/creator/media/ico-flip.png");background-repeat:no-repeat;background-position:center 12px;}#flip:hover{background-color:#000000;background-color:rgba(0,0,0,0);background-position:center -32px;}#clickPreview{float:right;background-image:url("http://colrd.com/software/creator/media/ico-preview.png");background-repeat:no-repeat;background-position:center 12px;border-right:1px solid rgba(0,0,0,.4);}#clickPreview:hover{background-color:#000000;background-color:rgba(0,0,0,0);background-position:center -29px;}#savePalette{background:#0247a9;float:right;background-image:-webkit-gradient(linear,left top,left bottom,color-stop(0,#0557cf),color-stop(1,#013e93));background-image:-webkit-linear-gradient(top,#0557cf 0%,#013e93 100%);background-image:-moz-linear-gradient(top,#0557cf 0%,#013e93 100%);background-image:-ms-linear-gradient(top,#0557cf 0%,#013e93 100%);background-image:-o-linear-gradient(top,#0557cf 0%,#013e93 100%);background-image:linear-gradient(top,#0557cf 0%,#013e93 100%);border-radius:0 10px 0 0;-moz-border-radius:0 10px 0 0;-webkit-border-radius:0 10px 0 0;width:90px;height:44px;border:1px solid #3665a3;color:#86a7d6;font-size:14px;}#savePalette:HOVER{background-image:-webkit-gradient(linear,left top,left bottom,color-stop(0,#013e93),color-stop(1,#0577ff));background-image:-webkit-linear-gradient(top,#013e93 0%,#0577ff 100%);background-image:-moz-linear-gradient(top,#013e93 0%,#0577ff 100%);background-image:-ms-linear-gradient(top,#013e93 0%,#0577ff 100%);background-image:-o-linear-gradient(top,#013e93 0%,#0577ff 100%);background-image:linear-gradient(top,#013e93 0%,#0577ff 100%);border-color:#0577ff;}#content-container{clear:both;margin:100px auto;width:800px;}.content-topbar{background:#2c2c2c;height:42px;border:1px solid #000;border-radius:10px 10px 0 0;-moz-border-radius:10px 10px 0 0;-webkit-border-radius:10px 10px 0 0;background-image:-webkit-gradient(linear,left top,left bottom,color-stop(0,#333),color-stop(1,#111));background-image:-webkit-linear-gradient(top,#333 0%,#111 100%);background-image:-moz-linear-gradient(top,#333 0%,#111 100%);background-image:-ms-linear-gradient(top,#333 0%,#111 100%);background-image:-o-linear-gradient(top,#333 0%,#111 100%);background-image:linear-gradient(top,#333 0%,#111 100%);position:relative;z-index:1;}.content-topbar #controls{height:inherit;}.divider{border-left:1px solid rgba(0,0,0,0.5);border-right:1px solid rgba(0,0,0,0.5);float:left;height:42px;width:1px;content:' ';background:rgba(255,255,255,0.08);}.divider:after{border-left:1px solid rgba(255,255,255,0.1);height:42px;float:Left;content:' ';position:relative;right:-2px;}.picker-area-wrapper{background-image:-webkit-gradient(linear,left top,left bottom,color-stop(0,rgba(0,0,0,.35)),color-stop(.03,rgba(0,0,0,0)));background-image:-webkit-linear-gradient(top,rgba(0,0,0,0.35) 0%,rgba(0,0,0,0) 3%);background-image:-moz-linear-gradient(top,rgba(0,0,0,0.35) 0%,rgba(0,0,0,0) 3%);background-image:-ms-linear-gradient(top,rgba(0,0,0,0.35) 0%,rgba(0,0,0,0) 3%);background-image:-o-linear-gradient(top,rgba(0,0,0,0.35) 0%,rgba(0,0,0,0) 3%);background-image:linear-gradient(top,rgba(0,0,0,0.35) 0%,rgba(0,0,0,0) 3%);}.picker-area{padding-top:30px;height:350px;border-top:1px solid #2b2b2b;position:relative;}.picker-area:before{content:'';position:absolute;left:0;top:0;display:block;height:250px;width:1px;background-image:-webkit-gradient(linear,left top,left bottom,color-stop(0,rgba(49,49,49,1)),color-stop(1,rgba(49,49,49,0)));background-image:-webkit-linear-gradient(top,rgba(49,49,49,1) 0%,rgba(49,49,49,0) 100%);background-image:-moz-linear-gradient(top,rgba(49,49,49,1) 0%,rgba(49,49,49,0) 100%);background-image:-ms-linear-gradient(top,rgba(49,49,49,1) 0%,rgba(49,49,49,0) 100%);background-image:-o-linear-gradient(top,rgba(49,49,49,1) 0%,rgba(49,49,49,0) 100%);background-image:linear-gradient(top,rgba(49,49,49,1) 0%,rgba(49,49,49,0) 100%);}.picker-area:after{content:'';position:absolute;left:0;top:0;display:block;height:250px;width:1px;background-image:-webkit-gradient(linear,left top,left bottom,color-stop(0,rgba(49,49,49,1)),color-stop(1,rgba(49,49,49,0)));background-image:-webkit-linear-gradient(top,rgba(49,49,49,1) 0%,rgba(49,49,49,0) 100%);background-image:-moz-linear-gradient(top,rgba(49,49,49,1) 0%,rgba(49,49,49,0) 100%);background-image:-ms-linear-gradient(top,rgba(49,49,49,1) 0%,rgba(49,49,49,0) 100%);background-image:-o-linear-gradient(top,rgba(49,49,49,1) 0%,rgba(49,49,49,0) 100%);background-image:linear-gradient(top,rgba(49,49,49,1) 0%,rgba(49,49,49,0) 100%);left:auto;right:0;}div#ColorPicker{clear:both;color:#111;width:570px;height:350px;position:relative;top:15px;}#ColorPicker .break{clear:both;width:100%;display:block;height:22px;}#ColorPicker div.selector{clear:both;display:block;position:relative;}div#ColorPicker canvas{transition-property:border;-moz-transition-property:border;-ms-transition-property:border;-o-transition-property:border;-webkit-transition-property:border;transition-duration:.25s;-moz-transition-duration:.25s;-ms-transition-duration:.25s;-o-transition-duration:.25s;-webkit-transition-duration:.25s;cursor:crosshair;position:relative;border-radius:3px;-moz-border-radius:3px;-webkit-border-radius:3px;border:1px solid #000000;border:1px solid rgba(0,0,0,0.25);left:23px;float:left;display:inline;margin-top:0;margin-bottom:20px;box-shadow:0 0 5px rgba(255,255,255,0.25);-moz-box-shadow:0 0 5px rgba(255,255,255,0.25);-webkit-box-shadow:0 0 5px rgba(255,255,255,0.25);}div#ColorPicker div{display:inline;}div#ColorPicker input.input{padding:0;height:25px;transition-property:border,color;-moz-transition-property:border,color;-ms-transition-property:border,color;-o-transition-property:border,color;-webkit-transition-property:border,color;transition-duration:.25s;-moz-transition-duration:.25s;-ms-transition-duration:.25s;-o-transition-duration:.25s;-webkit-transition-duration:.25s;position:relative;float:left;left:5px;margin:0 0 0 10px;height:23px;font-family:'Andada',serif;font-size:18px;width:35px;text-align:right;border-width:2px;border-color:transparent;background:transparent;clear:both;display:inline;cursor:text;color:#fff;}body.black div#content-container input[type="text"]{transition-property:color;-moz-transition-property:color;-ms-transition-property:color;-o-transition-property:color;-webkit-transition-property:color;transition-duration:.25s;-moz-transition-duration:.25s;-ms-transition-duration:.25s;-o-transition-duration:.25s;-webkit-transition-duration:.25s;color:#000;}body.white div#content-container input[type="text"]{color:#FFF;}div#ColorPicker div:hover input{border-color:#000000;border-color:rgba(0,0,0,0.05);}div#ColorPicker div input.input:focus{border-color:#000000;border-color:rgba(0,0,0,0.4);}body.white div#ColorPicker div:hover input.input{border-color:#FFFFFF;border-color:rgba(255,255,255,0.05);}body.white div#ColorPicker div input.input:focus{border-color:#FFFFFF;border-color:rgba(255,255,255,0.4);}div#ColorPicker div.name{user-select:none;-khtml-user-select:none;-moz-user-select:none;-o-user-select:none;-webkit-user-select:none;cursor:crosshair;font-weight:400;transition-property:color,opacity;-moz-transition-property:color,opacity;-ms-transition-property:color,opacity;-o-transition-property:color,opacity;-webkit-transition-property:color,opacity;transition-duration:.25s;-moz-transition-duration:.25s;-ms-transition-duration:.25s;-o-transition-duration:.25s;-webkit-transition-duration:.25s;width:100%;position:absolute;left:25px;padding-top:5px;font-family:'Andada',serif;font-size:14px;float:left;text-align:center;z-index:0;color:#000000;color:rgba(0,0,0,0.13);font-weight:bold;letter-spacing:0.035em;display:inline;opacity:0;}div#ColorPicker div:hover div.name{color:#000000;color:rgba(0,0,0,1);}div#ColorPicker:hover div div.name{opacity:1;}body.whiteInterface div#ColorPicker div:hover div.name{color:#FFFFFF;color:rgba(255,255,255,1);}body.whiteInterface div#ColorPicker div.name{color:#FFFFFF;color:rgba(255,255,255,0.13);}body.whiteInterface div#ColorPicker:active div div.name,div#ColorPicker:active div div.name{color:#FFFFFF;color:rgba(255,255,255,0);}#ColorPicker div.controller{transition-property:border,background;-moz-transition-property:border,background;-ms-transition-property:border,background;-o-transition-property:border,background;-webkit-transition-property:border,background;transition-duration:.25s;-moz-transition-duration:.25s;-ms-transition-duration:.25s;-o-transition-duration:.25s;-webkit-transition-duration:.25s;border:1px solid #000000;border:1px solid rgba(0,0,0,0.5);border-radius:3px;-moz-border-radius:3px;-webkit-border-radius:3px;opacity:0.75px;width:7px;display:inline;position:absolute;top:-5px;cursor:crosshair;z-index:1;float:left;margin:0 0 0 3px;padding:0;}#ColorPicker div.controller div{display:block;border:1px solid #fff;border-radius:3px;-moz-border-radius:3px;-webkit-border-radius:3px;width:5px;}div.center{padding:10px;width:820px;height:500px;margin-left:auto;margin-right:auto;position:relative;top:52px;}#controls input[type="submit"],#controls input[type="button"]{transition-property:background-color,background-image,color,border,opacity;-moz-transition-property:background-color,background-image,color,border,opacity;-ms-transition-property:background-color,background-image,color,border,opacity;-o-transition-property:background-color,background-image,color,border,opacity;-webkit-transition-property:background-color,background-image,color,border,opacity;transition-duration:.4s;-moz-transition-duration:.4s;-ms-transition-duration:.4s;-o-transition-duration:.4s;-webkit-transition-duration:.4s;font-weight:bold;font-size:16px;color:#bbb;text-shadow:-1px -1px 1px rgba(0,0,0,0.5);-moz-text-shadow:-1px -1px 1px rgba(0,0,0,0.5);cursor:pointer;border:1px solid transparent;background-color:transparent;display:block;width:60px;height:100%;text-transform:uppercase;font-size:.8em;padding:0;margin:0;clear:none;}input[type="submit"]#savePalette{width:100px;}#logo{transition-property:background-color;-moz-transition-property:background-color;-ms-transition-property:background-color;-o-transition-property:background-color;-webkit-transition-property:background-color;transition-duration:.4s;-moz-transition-duration:.4s;-ms-transition-duration:.4s;-o-transition-duration:.4s;-webkit-transition-duration:.4s;background:rgba(255,255,255,0.25);height:35px;}body.black #logo, body.white #logo{background:none;}body.light #ColorPicker input.input{color:#000;}