body{font-family:'Segoe UI',sans-serif;background-color:#b0c4de}button,input[type=color]{cursor:pointer}.background{position:fixed;top:0;bottom:0;left:0;right:0;background:-webkit-linear-gradient(#b0c4de,#4682b4);background:-moz-linear-gradient(#b0c4de,#4682b4);background:-ms-webkit-linear-gradient(#b0c4de,#4682b4);background:linear-gradient(#b0c4de,#4682b4)}.graph-panel{position:relative;padding-top:2em;padding-bottom:3em}.graph-panel>div{display:inline-block}.graph-canvas{position:relative}.graph-canvas canvas{display:inline-block;cursor:crosshair;background-color:#fff;border:1px solid #000;box-shadow:0 0 7px 2px rgba(0,0,0,.6)}.graph-canvas>.graph-bar{display:block;position:absolute;background-color:rgba(0,0,0,.6);border:1px solid #000;padding:0}.graph-canvas>.graph-bar>button{position:absolute;padding:0;margin:0;border:none;width:16px;height:16px}.graph-canvas>.graph-bar.horizontal{height:16px;left:0;right:0;bottom:-20px}.graph-canvas>.graph-bar.horizontal>button{top:0}.graph-canvas>.graph-bar.horizontal>button.pan-left{left:0}.graph-canvas>.graph-bar.horizontal>button.page-left{left:16px}.graph-canvas>.graph-bar.horizontal>button.pan-right{right:0}.graph-canvas>.graph-bar.horizontal>button.page-right{right:16px}.graph-canvas>.graph-bar.vertical{width:16px;top:0;bottom:6px;right:-24px}.graph-canvas>.graph-bar.vertical>button{left:0}.graph-canvas>.graph-bar.vertical>button.pan-up{top:0}.graph-canvas>.graph-bar.vertical>button.page-up{top:16px}.graph-canvas>.graph-bar.vertical>button.pan-down{bottom:0}.graph-canvas>.graph-bar.vertical>button.page-down{bottom:16px}.graph-list{font-size:.8em;border:1px solid #000;border-radius:4px;background-color:#f5f5f5;width:15em;min-height:5em;vertical-align:top;padding:4px;min-width:10em;box-shadow:0 0 7px 2px rgba(0,0,0,.6)}.graph-list>ul{margin:0 4px 4px 2px;padding:0 0 4px 0;list-style:none}.graph-list>.actions>a{text-decoration:none;display:block;padding-left:1em}.graph-list>.actions>a>span{display:inline-block;background:url(images/cloudgraph.png?ts=20140513);width:16px;height:16px;vertical-align:text-bottom;margin-right:.25em}.graph-list>.actions #add-graph{border-bottom:1px solid gray;padding-bottom:.25em;margin-bottom:.25em}.graph-list>.actions #add-graph>span{background-position:-48px 0}.graph-list>.actions #new-project>span{background-position:0 0}.graph-list>.actions #save-project>span{background-position:-32px 0}.graph-list>.actions #load-project>span{background-position:-16px 0}.graph-list #no-graphs-msg{color:#d3d3d3}.graph-list-item{max-height:1.5em;overflow:hidden}.graph-list-item:hover{background-color:#f5deb3;cursor:pointer}.graph-list-item>.graph-type{display:inline-block;width:20px;height:16px;vertical-align:middle}.graph-list-item>.graph-type.function{background-position:0 -64px}.graph-list-item>.graph-type.polar{background-position:-20px -64px}.graph-list-item>.graph-type.parametric{background-position:-40px -64px}.graph-list-item>.color{display:inline-block;width:1em;height:1em;background-color:#000;border-radius:2px}.graph-list-item>button{border:none;padding:0 2px;width:1em;height:1em;vertical-align:top}.graph-list-item>.delete{background-position:-64px 0}.graph-list-item>input[type=checkbox]{margin:0}#toolbar{position:fixed;top:0;left:0;right:0;height:2em;border-bottom:1px solid #000;background-color:rgba(0,0,0,.75);box-shadow:0 0 5px 3px rgba(0,0,0,.6);padding-left:.5em;overflow:hidden;overflow-y:hidden;overflow-x:auto;z-index:2000}#toolbar>button{vertical-align:middle;padding-left:8px;height:2em;box-shadow:none;margin:2px 0 0 0;border:none;background-color:rgba(255,255,255,.7);border-radius:4px}#toolbar>button>span{display:inline-block;background-repeat:no-repeat;width:16px;height:16px;vertical-align:text-top;margin-right:4px}#toolbar .disabled{opacity:.5}#toolbar>div{display:inline-block;height:2em;vertical-align:text-top;margin:.25em}#toolbar>div.social-media>div{display:inline-block;margin-right:.25em}#toolbar>div.html5-logo{float:right}#toolbar>div.html5-logo>a>img{height:1.5em}#toolbar>h1{float:right;margin:0 1em 0 0;font-weight:bold;font-size:1.5em;text-shadow:0 -3px 5px #aaa;color:#fff}.ui-resizable-se{background:url(images/cloudgraph.png?ts=20140513);background-position:-148px -4px}.sprite-sheet{background:url(images/cloudgraph.png?ts=20140513)}.sprite-sheet.canvas-resizer{background-position:-144px 0}.sprite-sheet.view-properties{background-position:-80px 0}.sprite-sheet.keypad{background-position:-96px 0}.sprite-sheet.help{background-position:-112px 0}.sprite-sheet.about{background-position:-128px 0}.sprite-sheet.grid-properties{background-position:0 -16px}.sprite-sheet.grid-prev{background-position:-32px -32px}.sprite-sheet.grid-next{background-position:-48px -32px}.sprite-sheet.zoom-in{background-position:0 -32px}.sprite-sheet.zoom-out{background-position:-16px -32px}.sprite-sheet.pan-left{background-position:-16px -16px}.sprite-sheet.pan-right{background-position:-32px -16px}.sprite-sheet.pan-up{background-position:-48px -16px}.sprite-sheet.pan-down{background-position:-64px -16px}.sprite-sheet.page-left{background-position:-80px -16px}.sprite-sheet.page-right{background-position:-96px -16px}.sprite-sheet.page-up{background-position:-112px -16px}.sprite-sheet.page-down{background-position:-128px -16px}.sprite-sheet.graph-function{background-position:0 -64px}.sprite-sheet.graph-polar{background-position:-20px -64px}.sprite-sheet.graph-parametric{background-position:-40px -64px}.sprite-sheet.worldtree{background-position:-96px -32px}.status-bar{position:fixed;bottom:0;left:0;right:0;height:1.5em;border-top:1px solid #000;background-color:#f5f5f5;padding:0 1em;box-shadow:0 -1px 2px 0 #4682b4;z-index:2000}.status-bar>#bounds{float:right}.templates{display:none}.animated-panel{opacity:1;-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);-webkit-transform:scale(1);transform:scale(1);-moz-transition:opacity .25s ease-out,-moz-transform .25s ease-out;-o-transition:opacity .25s ease-out,-o-transform .25s ease-out;-webkit-transition:opacity .25s ease-out,-webkit-transform .25s ease-out;transition:opacity .25s ease-out,transform .25s ease-out}.animated-panel.fade-n-scale{opacity:0;-moz-transform:scale(.9);-ms-transform:scale(.9);-o-transform:scale(.9);-webkit-transform:scale(.9);transform:scale(.9)}.expanding-panel{-moz-transition:all .33s ease-out;-o-transition:all .33s ease-out;-webkit-transition:all .33s ease-out;transition:all .33s ease-out;max-height:500px;overflow-y:hidden}.expanding-panel.closed{max-height:0}.overlay-panel{display:none;position:absolute;left:2em;top:2.5em;background-color:rgba(255,255,255,.95);border:1px solid #000;box-shadow:0 0 7px 3px rgba(0,0,0,.6);padding:4px;border-radius:4px;z-index:1000}.overlay-panel>header{margin:0;background-color:rgba(153,180,209,.9);box-shadow:0 0 2px silver;border-radius:4px;padding:0 4px;font-size:1.2em}.overlay-panel>header>h2{font-size:1em;display:inline}.overlay-panel>header>button.close{float:right;display:inline-block;width:1.75em;height:1.5em;background-color:rgba(255,0,0,.6);color:#fff;border:none;border-radius:.5em;text-align:center;font-weight:bold;margin-top:.15em;padding:0;-moz-transition:all .1s;-o-transition:all .1s;-webkit-transition:all .1s;transition:all .1s}.overlay-panel>header>button.close:hover{box-shadow:0 0 5px 1px #ff3232;background-color:rgba(255,0,0,.9)}.overlay-panel>div.content{margin:.25em .5em}.overlay-panel>.buttons{text-align:center;background-color:#f5f5f5;margin-top:.5em;padding:2px;border-top:1px solid #d3d3d3}.overlay-panel>.buttons button{border:2px solid #4682b4;border-radius:4px;font-size:1em;background-color:#b0c4de;padding:2px .5em}.overlay-panel .error{background-color:#fa8072;display:none;padding:0 4px;border-radius:4px}#graph-properties-panel>div>section{margin-top:.5em}#graph-properties-panel .graph-expression input{width:30em;font-size:1em}#graph-properties-panel .graph-expression>.expression>button{width:16px;height:16px;border:none;vertical-align:middle}#graph-properties-panel .graph-expression>.expression2{display:none}#graph-properties-panel .graph-color>button{margin-right:1em}#graph-properties-panel .graph-range>input,#graph-properties-panel .graph-color>input{width:4em}#graph-properties-panel .key-pads{display:none;background-color:rgba(173,216,230,.8);padding:.25em;border-radius:.5em}#graph-properties-panel .key-pads button{min-width:2em;margin:2px 1px}#graph-properties-panel .key-pads>.key-pad{display:inline-block;margin-right:1em;vertical-align:top}#grid-properties-panel{left:5em}#grid-properties-panel h3,#view-properties-panel h3{margin:0;font-size:1em}#grid-properties-panel input,#view-properties-panel input{width:6em}#view-properties-panel label{width:9em;display:inline-block}#help-panel{margin:0 auto;max-width:40em;z-index:999}#help-panel .content{overflow-y:auto;max-height:40em;margin-right:0}#about-panel .content{background:-webkit-radial-gradient(#00bfff,#87ceeb);background:-moz-radial-gradient(#00bfff,#87ceeb);background:-ms-radial-gradient(#00bfff,#87ceeb);background:radial-gradient(#00bfff,#87ceeb);box-shadow:0 0 4px 4px lightskyblue;padding:0 .5em;border-radius:.25em}#about-panel .content .worldtree{float:left;width:80px;height:114px;margin-right:2px}#about-panel .content .html5{text-align:center;clear:both}#about-panel .content .html5 img{margin-top:4px}.invalid{border:1px solid red}#color-selector{display:none;position:absolute;background-color:rgba(255,255,255,.85);padding:2px;border:1px solid #000;box-shadow:1px 1px 3px 1px gray;border-radius:4px;z-index:9999}#color-selector button{display:inline-block;width:1.5em;height:1.5em;padding:0;margin:0;border:none}#graph-type-picker{display:none;position:absolute;background-color:rgba(255,255,255,.95);padding:2px;border:1px solid #000;box-shadow:1px 1px 3px 1px gray;border-radius:4px;z-index:9999}#graph-type-picker button{display:inline-block;padding:2px;margin:0;border:none;background-color:transparent;width:8em;text-align:left}#graph-type-picker button:hover{background-color:#d3d3d3}#graph-type-picker button>span{display:inline-block;vertical-align:middle;width:20px;height:16px;background-color:#add8e6;margin-right:4px}#tracking{display:none}