.colorpicker,.colorpicker input{font-family:Arial,Helvetica,sans-serif}.colorpicker,.ui-helper-hidden{display:none}.clearfix::after,.clearfix::before,table{border-collapse:collapse;border-spacing:0}.colorpicker{width:356px;height:182px;overflow:hidden;position:absolute;background:url(../images/custom_background.png) no-repeat #EBECEF;padding-bottom:17px;border:1px solid #BFC4CE}.colorpicker_color,.colorpicker_color div{width:150px;height:150px;position:absolute}.colorpicker_color{left:9px;top:8px;background:red;overflow:hidden;cursor:crosshair}.colorpicker_color div{top:0;left:0;background:url(../images/colorpicker_overlay.png)}.colorpicker_color div div{position:absolute;top:0;left:0;width:11px;height:11px;overflow:hidden;background:url(../images/colorpicker_select.gif);margin:-5px 0 0 -5px}.colorpicker_hue{position:absolute;top:9px;left:166px;width:35px;height:150px;cursor:n-resize}.colorpicker_hue div{position:absolute;width:35px;height:9px;overflow:hidden;background:url(../images/custom_indic.gif) left top;margin:-4px 0 0;left:0}.colorpicker_current_color,.colorpicker_new_color{width:60px;height:30px;top:13px;background:red;position:absolute}.colorpicker_new_color{left:213px}.colorpicker_current_color{left:283px}.colorpicker input{background-color:transparent;border:1px solid transparent;position:absolute;font-size:10px;color:#898989;top:4px;right:11px;text-align:right;margin:0;padding:0;height:11px}.colorpicker_field,.colorpicker_field span,.colorpicker_hex,.colorpicker_submit{height:22px;position:absolute}.colorpicker_hex{width:72px;background:url(../images/custom_hex.png) top;left:123px;top:169px}.colorpicker_hex input{right:6px}#overlay,.ui-slider-horizontal .ui-slider-range-max,pre{right:0}.colorpicker_field{width:62px;background-position:top}.colorpicker_field span{width:12px;overflow:hidden;top:0;right:0;cursor:n-resize}.colorpicker_rgb_r{top:52px;left:212px}.colorpicker_rgb_g{top:82px;left:212px}.colorpicker_rgb_b{top:112px;left:212px}.colorpicker_hsb_h{top:52px;left:282px}.colorpicker_hsb_s{top:82px;left:282px}.colorpicker_hsb_b{top:112px;left:282px}.colorpicker_submit{width:22px;left:322px;top:142px;overflow:hidden}.colorpicker_focus{background-position:center}.colorpicker_hex.colorpicker_focus,.colorpicker_slider,.colorpicker_submit.colorpicker_focus{background-position:bottom}.ui-helper-hidden-accessible{position:absolute;left:-99999999px}.ui-helper-reset{margin:0;padding:0;border:0;outline:0;line-height:1.3;text-decoration:none;font-size:100%;list-style:none}.ui-helper-clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden}* html .ui-helper-clearfix{height:1%}.ui-helper-zfix,.ui-widget-overlay{position:absolute;top:0;width:100%;height:100%;left:0}.ui-helper-clearfix{display:block}.ui-helper-zfix{opacity:0;filter:Alpha(Opacity=0)}.ui-state-disabled{cursor:default!important}.ui-icon{display:block;text-indent:-99999px;overflow:hidden;background-repeat:no-repeat}.ui-slider{position:relative;text-align:left}.ui-slider .ui-slider-handle{position:absolute;z-index:2;width:.9em;height:.9em;cursor:default}.ui-slider .ui-slider-range{position:absolute;z-index:1;font-size:.7em;display:block;border:0;background-position:0 0}.ui-slider-horizontal{height:.5em}.ui-slider-horizontal .ui-slider-handle{top:-.3em;margin-left:-.6em}.ui-slider-horizontal .ui-slider-range{top:0;height:100%}.ui-slider-horizontal .ui-slider-range-min{left:0}.ui-slider-vertical{width:.8em;height:100px}.ui-slider-vertical .ui-slider-handle{left:-.2em;margin-left:0;margin-bottom:-.6em}.ui-slider-vertical .ui-slider-range{left:0;width:100%}.ui-slider-vertical .ui-slider-range-min{bottom:0}.ui-slider-vertical .ui-slider-range-max{top:0}.ui-tabs{position:relative;padding:.2em;zoom:1}.ui-tabs .ui-tabs-nav{margin:0;padding:.2em .2em 0}.ui-tabs .ui-tabs-nav li{list-style:none;float:left;position:relative;top:1px;margin:0 .2em 1px 0;border-bottom:0!important;padding:0;white-space:nowrap}.ui-tabs .ui-tabs-nav li a{float:left;padding:.5em 1em;text-decoration:none}.ui-tabs .ui-tabs-nav li.ui-tabs-selected{margin-bottom:0;padding-bottom:1px}.ui-tabs .ui-tabs-nav li.ui-state-disabled a,.ui-tabs .ui-tabs-nav li.ui-state-processing a,.ui-tabs .ui-tabs-nav li.ui-tabs-selected a{cursor:text}.ui-tabs .ui-tabs-nav li a,.ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a{cursor:pointer}.ui-tabs .ui-tabs-panel{display:block;border-width:0;padding:1em 1.4em;background:0 0}.ui-tabs .ui-tabs-hide{display:none!important}.ui-widget{font-family:Lucida Grande,Lucida Sans,Arial,sans-serif;font-size:1.1em}.ui-widget .ui-widget{font-size:1em}.ui-widget button,.ui-widget input,.ui-widget select,.ui-widget textarea{font-family:Lucida Grande,Lucida Sans,Arial,sans-serif;font-size:1em}.ui-widget-content{border:1px solid #5283D9;background-color:#B6D6ED;color:#222}.ui-widget-content a{color:#222}.ui-widget-header{border:1px solid #4297d7;background-color:#5c9ccc;color:#fff;font-weight:700}.ui-widget-header a{color:#fff}.ui-state-default,.ui-widget-content .ui-state-default,.ui-widget-header .ui-state-default{border:1px solid #375994;background-color:#fff;font-weight:700;color:#2e6e9e}.ui-state-default a,.ui-state-default a:link,.ui-state-default a:visited{color:#2e6e9e;text-decoration:none}.ui-state-focus,.ui-state-hover,.ui-widget-content .ui-state-focus,.ui-widget-content .ui-state-hover,.ui-widget-header .ui-state-focus,.ui-widget-header .ui-state-hover{border:1px solid #375994;background-color:#fff;font-weight:700;color:#1d5987}.ui-state-hover a,.ui-state-hover a:hover{color:#1d5987;text-decoration:none}.ui-state-active,.ui-widget-content .ui-state-active,.ui-widget-header .ui-state-active{border:1px solid #375994;background-color:#fff;font-weight:700;color:#e17009}.ui-state-active a,.ui-state-active a:link,.ui-state-active a:visited{color:#e17009;text-decoration:none}.ui-widget :active{outline:0}.ui-state-highlight,.ui-widget-content .ui-state-highlight,.ui-widget-header .ui-state-highlight{border:1px solid #fad42e;background-color:#fbec88;color:#363636}.ui-state-highlight a,.ui-widget-content .ui-state-highlight a,.ui-widget-header .ui-state-highlight a{color:#363636}.ui-state-error,.ui-widget-content .ui-state-error,.ui-widget-header .ui-state-error{border:1px solid #cd0a0a;background-color:#fef1ec;color:#cd0a0a}.ui-corner-right,.ui-corner-top,.ui-corner-tr{border-top-right-radius:6px}.ui-corner-bottom,.ui-corner-br,.ui-corner-right{border-bottom-right-radius:6px}.ui-corner-left,.ui-corner-tl,.ui-corner-top{border-top-left-radius:6px}.ui-corner-bl,.ui-corner-bottom,.ui-corner-left{border-bottom-left-radius:6px}.ui-state-error a,.ui-state-error-text,.ui-widget-content .ui-state-error a,.ui-widget-content .ui-state-error-text,.ui-widget-header .ui-state-error a,.ui-widget-header .ui-state-error-text{color:#cd0a0a}.ui-priority-primary,.ui-widget-content .ui-priority-primary,.ui-widget-header .ui-priority-primary{font-weight:700}.ui-priority-secondary,.ui-widget-content .ui-priority-secondary,.ui-widget-header .ui-priority-secondary{opacity:.7;filter:Alpha(Opacity=70);font-weight:400}.button,.token.important{font-weight:700}.ui-state-disabled,.ui-widget-content .ui-state-disabled,.ui-widget-header .ui-state-disabled{opacity:.35;filter:Alpha(Opacity=35);background-image:none}.ui-widget-overlay,.ui-widget-shadow{background-color:#aaa;opacity:.3;filter:Alpha(Opacity=30)}.ui-icon{width:16px;height:16px}.ui-corner-all{border-radius:6px!important}.ui-widget-shadow{margin:-8px 0 0 -8px;padding:8px;border-radius:10px}code[class*=language-],pre[class*=language-]{color:#000;text-shadow:0 1px #fff;font-family:Consolas,Monaco,'Andale Mono',monospace;direction:ltr;text-align:left;white-space:pre;word-spacing:normal;-moz-tab-size:4;-o-tab-size:4;tab-size:4;-webkit-hyphens:none;-moz-hyphens:none;-ms-hyphens:none;hyphens:none}.colors .color,.footer,table{text-align:center}code[class*=language-] ::-moz-selection,code[class*=language-]::-moz-selection,pre[class*=language-] ::-moz-selection,pre[class*=language-]::-moz-selection{text-shadow:none;background:#b3d4fc}code[class*=language-] ::selection,code[class*=language-]::selection,pre[class*=language-] ::selection,pre[class*=language-]::selection{text-shadow:none;background:#b3d4fc}@media print{code[class*=language-],pre[class*=language-]{text-shadow:none}}pre[class*=language-]{padding:1em;margin:.5em 0;overflow:auto}:not(pre)>code[class*=language-],pre[class*=language-]{background:#f5f2f0}:not(pre)>code[class*=language-]{padding:.1em;border-radius:.3em}.token.cdata,.token.comment,.token.doctype,.token.prolog{color:#708090}.token.punctuation{color:#999}.namespace{opacity:.7}.token.boolean,.token.constant,.token.number,.token.property,.token.symbol,.token.tag{color:#905}.token.attr-name,.token.builtin,.token.selector,.token.string{color:#690}.language-css .token.string,.style .token.string,.token.entity,.token.operator,.token.url,.token.variable{color:#a67f59;background:hsla(0,0%,100%,.5)}.token.atrule,.token.attr-value,.token.keyword{color:#07a}.token.important,.token.regex{color:#e90}.token.entity{cursor:help}#myButton,.button,.colors .color{cursor:pointer}a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video{margin:0;padding:0;border:0}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1;background-color:#F5F5F5;color:#1E1C21;font-family:arial;font-size:12px;overflow-y:hidden}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:after,blockquote:before,q:after,q:before{content:'';content:none}textarea{resize:none}img{vertical-align:middle}a:focus,span:focus{-moz-outline-style:none;outline:0}.clearfix::after,.clearfix::before{display:table;content:"";line-height:0}.clearfix::after{clear:both}a{color:#4D7BD6;text-decoration:none}a:hover{text-decoration:underline}h1,p{margin-bottom:15px}h2{margin-bottom:10px}.ellipsis{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;-o-text-overflow:ellipsis}.button{background-color:#5689db;border:1px solid #5689db;border-radius:3px;display:inline-block;color:#FFF;font-size:13px;padding:7px 28px;text-decoration:none}.dialog{background-color:#F5F2F0;padding:30px;position:absolute;top:100px;width:500px;left:0;bottom:100px;overflow:auto;border:15px solid #FFF;border-radius:10px;color:#1D1D1D;line-height:1.4}#center,#overlay,.buttonsList{position:absolute;top:0}.dialog a{color:#4D7BD6}.dialog input{width:290px;padding:3px 5px}#overlay{-webkit-transform:translate3d(0,0,0);background:-moz-radial-gradient(center,ellipse cover,#fff 0,rgba(99,99,99,.4) 100%);background:-webkit-gradient(radial,center center,0,center center,100%,color-stop(0,#fff),color-stop(100%,rgba(99,99,99,.4)));background:-webkit-radial-gradient(center,ellipse cover,#FFF 0,rgba(99,99,99,.4) 100%);background:-o-radial-gradient(center,ellipse cover,#fff 0,rgba(99,99,99,.4) 100%);background:-ms-radial-gradient(center,ellipse cover,#fff 0,rgba(99,99,99,.4) 100%);background:radial-gradient(ellipse at center,#FFF 0,rgba(99,99,99,.4) 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#636363', GradientType=1);background-color:rgba(99,99,99,.4);z-index:11;display:none;bottom:0;left:0;zoom:1}.buttonsList{padding:15px 15px 0;background-color:#eee;border-right:1px solid #E1E1E1;bottom:0;left:0;width:288px;overflow-x:hidden;overflow-y:scroll}.buttonsList .container{background-color:#fff;padding:5px;margin:5px;border-color:#E1E1E1;border-width:0 1px 2px;border-style:solid;float:left}.buttonsList .container.selected{-moz-box-shadow:0 0 5px 0 rgba(70,134,214,.5);-webkit-box-shadow:0 0 5px 0 rgba(70,134,214,.5);box-shadow:0 0 5px 0 rgba(70,134,214,.5)}.buttonsList .listPreview{padding:15px 15px 13px;text-align:center;width:80px;height:38px}.buttonsList .listButton{display:block;padding:9px 10px;font-size:15px}#center{background-color:#F5F5F5;bottom:0;left:319px;width:500px;overflow-y:scroll;overflow-x:hidden;padding:0 25px}.title{color:#568EEA;font-size:26px;font-style:italic;float:left;margin:20px 10px;text-shadow:1px 1px 0 #FFF}.preview{border-radius:8px;background-color:#FFF;border:1px solid #E1E1E1;position:relative;padding:15px}#colorpicker,#colors,#current-color{position:absolute}table{background-color:#f5f5f5;border:1px solid #e5e5e5;height:230px;width:100%}#myButton:active{position:relative;top:1px}#actions{height:150px;border-bottom:1px solid #DDD}.social-buttons{margin:20px 0 20px 10px;float:left}#fb-share-button,#tweet-button{border-radius:3px;color:#FFF;padding:4px 8px;margin-right:2px;font-size:12px;display:inline-block;text-decoration:none;border-width:1px;border-style:solid}#colorpicker,.setting-container strong,.setting-title strong{display:none}#tweet-button{background-color:#55ACEE;border-color:#55ACEE}#tweet-button:hover{background-color:#74BBF0}#fb-share-button{background-color:#43609C;border-color:#43609C}#fb-share-button:hover{background-color:#5370AD}.copy-buttons{margin:20px 10px 20px 0;float:right}.copy-button{padding:4px 8px;font-size:12px;font-weight:400}.setting-input,.setting-title{font-weight:700;font-size:13px}#colorpicker{box-shadow:6px 6px 10px 0 rgba(0,0,0,.35);margin-top:-1px;z-index:3;width:428px}#current-color{font-size:11px;bottom:12px;left:9px;z-index:3}#colors{margin-top:-26px;z-index:5}.colors{margin:-7px 8px 0 7px;float:left;background-color:#FFF;padding:6px 2px 4px 8px;border:1px solid #E5E5E5;border-bottom-width:0}.color{-moz-box-shadow:inset 0 0 0 1px #fff;-webkit-box-shadow:inset 0 0 0 1px #fff;box-shadow:inset 0 0 0 1px #fff;float:left;border:1px solid #BFC4CE;margin-right:5px}.colors .color{font-size:20px;color:red;height:20px;width:20px}.colors .color.selected{-moz-box-shadow:inset 0 0 0 2px #fff;-webkit-box-shadow:inset 0 0 0 2px #fff;box-shadow:inset 0 0 0 2px #fff;border-color:#332BAF}.colors .color.unavailable{border-color:red;background-color:#FFF!important;cursor:default}.colors .color.unavailable i{color:#FF0F0F;font-size:18px;top:1px;position:relative}#palettes,#reset-button,#right{position:absolute}.selected .colors{border-color:#BFC4CE;background-color:#ECECEC}#palettes{background-color:#FAFAFA;border:1px solid #BFC4CE;line-height:0;font-size:0;height:199px;overflow:auto;width:219px;z-index:4;margin-left:207px}.palette{border-bottom:1px solid #D8DFEA;background-color:#EBECEF;cursor:pointer;margin-bottom:1px;padding:7px 0 7px 10px}.palette .color{height:20px;width:20px}#right{background-color:#FFF;border:1px solid #E1E1E1;overflow-y:auto;overflow-x:hidden;width:380px;padding:10px 18px 20px;top:-1px;bottom:0;left:870px;-moz-perspective:800px;-webkit-perspective:800px;-o-perspective:800px;perspective:800px}input.input,select{background-color:#FFF;border-radius:5px;color:#444;font-size:13px;width:145px;border:1px solid #DDD;margin-bottom:8px;padding:3px 8px}select{width:163px;margin-bottom:14px;padding:2px}input.input:focus,select:focus{background-color:#EFFBFF;border-color:#7b96ca}.setting-container{float:left;padding-left:4px;width:175px}.setting-shadow,.setting-shadow-blur,.setting-slider{width:160px;margin:13px 0 24px}.setting-input{border:0;color:#F6931F;font-family:arial;width:40px;margin:0}.setting-title{border-radius:6px;background-color:#EEE;border:1px solid #DDD;margin:10px 0 15px;padding:5px 10px}.setting-title .checkbox{margin:-1px 0 4px}.mini-buttons{float:left;width:175px;margin:-33px 0 0 183px}.code-options{margin-top:-30px}#reset-button{right:23px;bottom:23px;color:#556CE7;cursor:pointer;background-color:#FFF;padding:5px 6px;font-size:11px;border:1px solid #dcdcdc;border-radius:4px}.check-button{background-color:#ededed;border-radius:4px;border:1px solid #dcdcdc;color:#777;font-size:11px;margin-right:8px;padding:4px 5px;position:relative;top:-2px;text-shadow:1px 1px 0 #f8f8f8}.checkbox{position:relative;top:3px;margin:0}.footer{font-size:11px;font-family:arial;color:#aaa;text-shadow:1px 1px 0 #fff;padding-bottom:10px;line-height:1.6}#about-button{color:#79ade0;cursor:pointer;margin-bottom:0}.notification{display:none;background-color:#fdffe0;z-index:5;position:relative;top:5px;margin:0 5px -18px;padding:3px 9px;font-size:12px}#code,pre{position:absolute}pre{margin:0!important;bottom:0;top:0;left:0}#code,#settings-container{-moz-transform-style:preserve-3d;-webkit-transform-style:preserve-3d;-o-transform-style:preserve-3d;transform-style:preserve-3d;-moz-backface-visibility:hidden;-webkit-backface-visibility:hidden;-o-backface-visibility:hidden;backface-visibility:hidden;-moz-transition:.6s;-webkit-transition:.6s;-o-transition:.6s;transition:.6s}#code{bottom:20px;top:50px;left:20px;right:20px;-moz-transform:rotateY(-180deg) scale(.1) translateY(-70px);-webkit-transform:rotateY(-180deg) scale(.1) translateY(-70px);-o-transform:rotateY(-180deg) scale(.1) translateY(-70px);transform:rotateY(-180deg) scale(.1) translateY(-70px);filter:alpha(opacity=0);opacity:0;z-index:1}.flipped#right{overflow:hidden}.flipped #settings-container{-moz-transform:rotateY(180deg) scale(.7);-webkit-transform:rotateY(180deg) scale(.7);-o-transform:rotateY(180deg) scale(.7);transform:rotateY(180deg) scale(.7);filter:alpha(opacity=0);opacity:0}.flipped #code{-moz-transform:rotateY(0) scale(1);-webkit-transform:rotateY(0) scale(1);-o-transform:rotateY(0) scale(1);transform:rotateY(0) scale(1);filter:alpha(opacity=100);opacity:1;z-index:5;display:block}