html,body{padding:0;margin:0}body{font-family:Arial,sans-serif;font-size:15px;min-width:990px}header{height:100px;background-color:#D9D9D9}#base{margin-top:15px}.structure{margin-right:auto;margin-left:auto;min-width:960px;max-width:1122px;padding-left:15px;padding-right:15px}#config{float:left;width:270px;position:relative;z-index:2}#main{margin-left:300px}#controls{position:relative;float:right;padding:10px;margin-right:10px}#diff{margin-right:0}#config,#controls{border-style:solid;border-width:1px;border-color:#aaa;border-radius:15px;background-color:#f9f9f9;-moz-box-shadow:1px 1px 8px 1px #aaa;-webkit-box-shadow:1px 1px 8px 1px #aaa;-o-box-shadow:1px 1px 8px 1px #aaa;-ms-box-shadow:1px 1px 8px 1px #aaa;box-shadow:1px 1px 8px 1px #aaa}#targets{width:auto;padding-top:17px;margin-right:270px}#targets .inputs{margin-left:0}#sources{margin-top:10px}#targets .open-help{left:-8px;top:-5px;right:auto}#size-info .open-help{top:12px}#controls .open-help{top:auto;bottom:-25px;right:-13px}#sources .open-help,h1 .open-help{display:inline-block;position:relative}h1 .open-help{top:-8px;right:-50px;margin-left:-20px;font-family:Arial,sans-serif}#sources .open-help{top:-2px;right:auto;margin-left:15px}.open-help{position:absolute;display:block;text-decoration:none;right:4px;top:4px;border-style:solid;border-width:1px;border-radius:11px;cursor:pointer;border-color:#555;color:#333;opacity:.4;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.open-help div:first-child{width:8px;height:15px;font-weight:700;font-size:14px;padding:2px 5px}.open-help:hover{opacity:.8}h1{text-align:center;margin-top:0;margin-bottom:0;font-family:"Open Sans",serif;font-size:46px;font-weight:700;padding-top:12px}#sizes-container{height:75px;background-color:#6CD6EC;border-style:solid;border-color:#999;border-width:1px 0}#sizes{height:58px}#sizes .info{margin:18px auto 0 auto;width:410px}#sizes .number{font-size:32px;width:90px;display:inline-block;text-align:right}#size-info{position:relative}#sizes .shot-container{float:left;width:161px;height:24px;background-color:#DDD6B0;margin:6px 0 0 52px;position:relative}#sizes div.shot{position:absolute;right:0;top:0;background-color:#A542F0}#sizes .shot.current{height:12px}#sizes .shot.saved{height:12px;top:12px}#sizes img.shot{position:absolute;z-index:1;top:-11px;left:-34px}#easydemo{z-index:3;top:auto;left:auto;bottom:50px;right:30px}.easydemo-signal,.easydemo-attention-grabber{z-index:3}#demo-text{display:none}#help-document{display:none;position:fixed;z-index:5;background-color:#fff;-moz-box-shadow:2px 2px 8px 3px #222;-webkit-box-shadow:2px 2px 8px 3px #222;-o-box-shadow:2px 2px 8px 3px #222;-ms-box-shadow:2px 2px 8px 3px #222;box-shadow:2px 2px 8px 3px #222;width:600px;left:50%;top:15%;margin-left:-300px}#help-document .close{position:absolute;right:0;top:0;cursor:pointer;color:#999;font-family:Arial,sans-serif;font-size:36px;width:40px;height:40px;text-align:center;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;line-height:100%}#help-document .close:hover{color:#777}#help-document .content{overflow-y:auto;padding:20px 30px;font-size:16px;line-height:135%}#help-document li{margin-bottom:12px}#help-document code,#help-document pre{background-color:#eee}#help-document .key{font-style:italic;color:#070}#dim-background{display:none;position:fixed;opacity:.5;background-color:#000;width:100%;height:100%;z-index:5}h2{margin:10px;font-size:22px;font-weight:700;padding-left:20px}#help-document .title{font-weight:700;font-size:18px;margin-bottom:10px}.focused .title,#help-document .focused h3{background-color:#ff0}.help-section{margin-bottom:20px}#easydemo code{display:inline-block;padding:2px}#easydemo .active code{background-color:#ddd}.source{padding:10px;padding-top:0;margin-bottom:20px}.source .title{font-weight:700;font-size:24px;margin-bottom:20px;width:250px;position:relative}.source .code-container{border:solid 1px #aaa;margin-left:20px;max-width:800px}.source code{white-space:pre;font-size:14px;display:block;padding:2px;overflow-x:auto;border-style:solid;border-color:#6CD6EC;border-width:0 0 0 20px;background-color:#fff}.added{color:green}.removed,.problem{color:red}code .comment{color:green}code .string{color:#FF1F6D}code .regexp{color:orange}code .number{color:#000}code .keyword{color:#008CA8;font-weight:700}code .special{color:purple}.divider{border:dotted 1px #999;border-width:0 0 1px 0;height:9px;margin:25px 10px 35px 10px;text-align:center}h3{font-size:12px;display:inline-block;background-color:#f9f9f9;color:#A542F0;margin:0;padding:0 6px}#help-document h3{background-color:#fff}.group{margin:15px 5px;padding:5px;padding-bottom:10px;width:250px;position:relative}.group .title{font-weight:700;font-size:16px;margin-bottom:10px}.group .hint{font-weight:400;font-size:13px;margin-left:5px;color:#555}.group .inputs{margin-left:15px}.format-picker{border-style:solid;border-width:6px;border-radius:12px;border-color:transparent;margin-right:-2px;margin-bottom:-4px;display:inline-block}.format-picker.chosen{border-color:#A542F0;background-color:#A542F0}.format-picker.chosen input[type=button]{color:#A542F0}.format-picker input[type=button]{margin:0;font-size:18px;width:230px}.format-picker.problem input[type=button]{color:red}#format .inputs{margin-left:7px}#targets label.format-hide,.format-hide{display:none}#uncheck-all{padding-left:12px}#uncheck-all input{font-size:12px;padding:2px 5px}.fix{cursor:pointer;text-decoration:underline;color:green;margin-left:10px;font-weight:400}label{margin-right:6px;display:block;font-style:italic}#targets label{display:inline-block}input[type=radio],input[type=checkbox]{margin-right:5px}input[type=text]{width:212px;font-size:14px;margin-bottom:12px;color:#666}label:last-child input[type=text]{margin-bottom:0}.button,input[type=button],input[type=button][disabled=disabled]:hover{font-size:15px;text-align:center;display:inline-block;background-color:#F0F0F0;background-image:-ms-linear-gradient(top,#F0F0F0,#CFCFCF);background-image:-webkit-linear-gradient(top,#F0F0F0,#CFCFCF);background-image:-o-linear-gradient(top,#F0F0F0,#CFCFCF);background-image:-moz-linear-gradient(top,#F0F0F0,#CFCFCF);background-image:linear-gradient(top,#F0F0F0,#CFCFCF);cursor:pointer;border-style:solid;border-width:1px;border-radius:6px;border-color:#BABABA #888 #888 #BABABA;padding:4px 8px;margin-right:12px;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.button{padding-top:5px}input[type=button][disabled=disabled]:hover{cursor:default}.button:hover,input[type=button]:hover{background:#CFCFCF}.button.active,input[type=button].active{background-color:#71E1F7;background-image:-ms-linear-gradient(top,#71E1F7,#67C9DB);background-image:-webkit-linear-gradient(top,#71E1F7,#67C9DB);background-image:-o-linear-gradient(top,#71E1F7,#67C9DB);background-image:-moz-linear-gradient(top,#71E1F7,#67C9DB);background-image:linear-gradient(top,#71E1F7,#67C9DB);border-color:#888 #BABABA #BABABA #888}.clear{clear:both}footer{text-align:center;height:80px;margin-top:40px;padding-top:60px;background-color:#D9D9D9;border-top:solid 1px #999}footer a{margin-left:4px;text-decoration:none}footer a:hover{text-decoration:underline}