.canvas-color-picker,#matching,#PANTONEcolors{font-family:sans-serif}#color_sample{border:#ccc 1px dotted;padding:5px}#color_sample::after{background:url("/css/transparent_pattern.gif") top left repeat;content:"";display:inline-block;height:26px;margin:0 0 0 -55px;position:absolute;width:61px;z-index:-1}#matching{font-family:monospace;line-height:25px;margin:5px 0;width:380px;font-size:0.7rem;}#color-picker{min-height:250px;min-width:500px}.canvas-color-picker{background:transparent;height:260px;position:relative;width:400px}.canvas-color-picker .popup{background:linear-gradient(#efefef, #ddd);border:1px solid #eee;box-shadow:3px 2px 5px #888}.canvas-color-picker .canvas-container{border-radius:4.5px;cursor:crosshair;display:inline-block;height:100%;overflow:hidden}.canvas-color-picker .color-map{margin:0 5px 0 0}.canvas-color-picker .color-bar{margin:0 20px 0 0;width:30px}.canvas-color-picker .alpha-bar{background:url("/css/transparent_pattern.gif") top left repeat;border:#ccc 1px solid;cursor:row-resize;width:30px}.canvas-color-picker .alpha-bar::after{border-bottom:#ccc 1px dashed;border-top:#ccc 1px dashed;content:"";display:block;height:100%;margin-left:-10px;position:absolute;top:0;width:50px;z-index:-10}.canvas-color-picker .preview{background:url("/css/transparent_pattern.gif") top left repeat;border:1px solid #ccc;border-radius:4.5px;height:50px;position:absolute;right:0;top:0;width:280px}.canvas-color-picker .preview .cur-color{border-right:#ccc 1px dotted;cursor:pointer;float:left;height:50px;position:relative;width:50%}.canvas-color-picker .preview .old-color{cursor:pointer;float:right;height:50px;width:49%}.canvas-color-picker .form{font-family:monospace;height:85px;margin:0;padding:0;position:absolute;right:0;text-align:left;top:60px;width:290px;font-size:11.1pt}.canvas-color-picker .form br{clear:both}.canvas-color-picker .form .hor-div{display:table;width:100%}.canvas-color-picker .form .hsb{display:table-cell}.canvas-color-picker .form .rgb{display:table-cell;padding:0 13px}.canvas-color-picker .form .cmyk{display:table-cell}.canvas-color-picker .form .color{clear:both;position:relative;top:1px;width:100%}.canvas-color-picker .form .color input{display:inline;float:none;margin:0 2px;text-align:left;width:45px}.canvas-color-picker .form label{display:block;margin:2px 0}.canvas-color-picker .form input:not(#HEX),.canvas-color-picker .form select{margin-left:2px;margin-right:2px}.canvas-color-picker .form input{border:#ccc 1px solid;border-radius:0;display:inline-block;padding:2px 3px;text-align:right;vertical-align:middle;width:22px}.canvas-color-picker .form .proximity{clear:both;left:0;position:relative;top:10px}#PANTONEcolors td{padding:5px}#PANTONEcolors td:first-child,#PANTONEcolors td:last-child{padding:0}#PANTONEcolors td a{background:url("/css/transparent_pattern.gif") top left repeat;border:#ccc 1px solid;color:#000;display:block;text-decoration:none}#PANTONEcolors td a:hover{border:#888 1px solid;box-shadow:0 0 3px #888;text-decoration:none}#PANTONEcolors td a .reg{font-family:monospace;font-size:11px;vertical-align:2px}#PANTONEcolors td a .alpha{color:#888;font-size:.6em;font-weight:lighter;line-height:11px}#PANTONEcolors td a .pantone-sample{height:100px;min-width:100px;width:100%}#PANTONEcolors td a .pantone-data{background-color:#fff;font-family:Helvetica;padding:5px}footr{bottom:10px;color:#888;font-family:sans-serif;position:absolute;text-align:center;width:100%}#PANTONEcolors table{max-width:690px}#long{font-size:9pt;font-style:italic;color:#888;margin-top:4px;margin-left:0px;cursor:pointer}