div.plot.cartesian {
  border: 1px solid #b3b3b3;
  border-radius: 3px;
  overflow: visible;
  margin: 4px 0;
  float: left;
}
div.plot.cartesian.focus {
  box-shadow: 0 0 10px #92b8de;
}
div.plot.cartesian .frame {
  background-color: white;
  overflow: hidden;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
div.plot.cartesian .frame.fullscreen {
  position: fixed;
  z-index: 999;
}
div.plot.cartesian .head {
  color: gray;
  background-color: #e6e6e6;
  background-image: -ms-linear-gradient(top, #f5f5f5 0, #e6e6e6 100% );
  background-image: -moz-linear-gradient(top, #f5f5f5 0, #e6e6e6 100% );
  background-image: -o-linear-gradient(top, #f5f5f5 0, #e6e6e6 100% );
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #f5f5f5), color-stop(1, #e6e6e6));
  background-image: -webkit-linear-gradient(top, #f5f5f5 0, #e6e6e6 100% );
  background-image: linear-gradient(to bottom, #f5f5f5 0, #e6e6e6 100% );
  overflow: hidden;
  padding: 5px;
  border-bottom: 1px solid #b3b3b3;
}
div.plot.cartesian.menu {
  float: right;
}
div.plot.cartesian.settings {
  background-color: #f3f3f3;
  padding: 5px;
  border-bottom: 1px solid #b3b3b3;
}
div.plot.cartesian.settings td {
  vertical-align: middle;
  font-size: 13px;
}
div.plot.cartesian.settings input {
  color: #1a1a1a;
  width: 100px;
  border: 1px solid lightgray;
  border-radius: 2px;
  margin: 4px;
}
div.plot.cartesian button.folded,
div.plot.cartesian button.expanded,
div.plot.cartesian button.settings,
div.plot.cartesian button.fullscreen,
div.plot.cartesian button.fullscreen-exit {
  width: 16px;
  height: 16px;
  border: 0;
  padding: 0;
  margin: 0;
  vertical-align: top;
  cursor: pointer;
  background-repeat: no-repeat;
  background-position: center;
  background-color: transparent;
}
div.plot.cartesian .menu button {
  margin-left: 8px;
}
div.plot.cartesian button.folded,
div.plot.cartesian button.expanded {
  margin-right: 10px;
}
div.plot.cartesian button.folded {
  background-image: url('img/right.png');
}
div.plot.cartesian button.expanded {
  background-image: url('img/down.png');
}
div.plot.cartesian button.settings {
  background-image: url('img/settings.png');
}
div.plot.cartesian button.fullscreen {
  background-image: url('img/fullscreen.png');
}
div.plot.cartesian button.fullscreen-exit {
  background-image: url('img/fullscreen_exit.png');
}
div.plot.cartesian button.folded:hover,
div.plot.cartesian button.expanded:hover,
div.plot.cartesian button.settings:hover,
div.plot.cartesian button.fullscreen:hover,
div.plot.cartesian button.fullscreen-exit:hover {
  opacity: .5;
  filter: alpha(opacity= 50);
}
div.plot.cartesian div.resizable-right {
  cursor: e-resize;
  width: 10px;
  height: 100%;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 1;
  margin-right: -5px;
}
div.plot.cartesian div.resizable-bottom {
  cursor: s-resize;
  width: 100%;
  height: 10px;
  position: absolute;
  left: 0;
  bottom: 0;
  z-index: 1;
  opacity: .5;
  margin-bottom: -5px;
}
div.plot.cartesian div.resizable-bottom-right {
  cursor: se-resize;
  background-image: url('img/resize.png');
  background-repeat: no-repeat;
  width: 16px;
  height: 16px;
  position: absolute;
  right: 0;
  bottom: 0;
  z-index: 2;
  margin-right: -5px;
  margin-bottom: -5px;
}
div.plot.cartesian div.menu {
  border: none !important;
}
div.editor textarea.expr {
  height: 50px !important;
}

/*
html, body {
    color: #4d4d4d;width:100%;height:100%;margin:0;padding:0;font-family:dejavu sans,verdana,arial,sans serif;font-weight:normal;font-size:14px;overflow:hidden}body{background:# e4ecf3 url('img/background/grey/lightblue.png') repeat
}#main {
    width: 99 % ;
    max - width: 728px;
    height: 100 % ;
    margin: 0 auto;
    position: relative
}#header {
    height: 80px;
    overflow: hidden
}#title {
    width: 220px;
    height: 36px;
    font - size: 200 % ;
    border: 0
}#titleBeta {
    font - size: 50 % ;
    font - style: italic;
    font - weight: bold;
    margin: 0
}#titleVersion {
    font - size: 80 % ;
    font - weight: normal;
    font - style: italic;
    margin: 0
}#title, #titleBeta, #titleVersion {
    color: #4d4d4d;font-family:arial,sans-serif}img{border:0}img.logo{width:48px;height:48px;vertical-align:middle;border:0}table.header{color:white;background-color:# bfbfbf;
    margin - bottom: 20px;
    border - radius: 3px
}
td.header, td.headermenu {
    padding: 10px 0;
    margin: 0
}
td.headermenu {
    vertical - align: top
}
a.headermenu {
    padding - left: 5px;
    font - size: 80 %
}
a {
    color: #4d4d4d}a:hover{color:red}div.menuitem{font-size:14px;height:30px;background-color:white;display:inline;padding:5px;margin:0;cursor:pointer;white-space:nowrap;border:1px solid gray;-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px}# content {
        height: 100 % ; - webkit - box - sizing: border - box; - moz - box - sizing: border - box; - ms - box - sizing: border - box;
        box - sizing: border - box;
        margin: -80px 0 - 30px 0;
        padding: 80px 0 30px 0;
        overflow: hidden
    }#editor {
        height: 100 % ;
        border: 1px solid #92b8de;background-color:white;border-radius:3px}# footer {
            height: 30px;
            font - size: 80 % ;
            overflow: hidden;
            padding - top: 10px;
            text - align: center
        }#footer,
        #footer a {
            color: #92b8de}# footer a {
                text - decoration: none
            }#footer a: hover {
                color: red;
                text - decoration: underline
            }#ad_left {
                position: absolute;
                left: -180px;
                width: 160px;
                top: 80px
            }#ad_right {
                position: absolute;
                right: -180px;
                width: 160px;
                top: 80px
            }
            */
        /*
        .editor {
            position: relative;
            width: 100 % ;
            height: 100 % ;
            margin: 0;
            line - height: normal
        }.editor.nodes {
            overflow: auto;
            width: 100 % ;
            height: 100 % ;
            margin: 0;
            padding: 0
        }.editor.clipboard {
            position: absolute;
            top: 10px;
            right: 30px;
            max - width: 90 % ;
            max - height: 90 % ;
            z - index: 1;
            opacity: .5; - webkit - transition: opacity.2s ease - in -out; - moz - transition: opacity.2s ease - in -out; - o - transition: opacity.2s ease - in -out;
            transition: opacity.2s ease - in -out
        }.editor.clipboard: hover {
            opacity: 1
        }.editor.clipboard.expressions,
        .editor.clipboard.actions {
            background - color: #f5f5f5
        }.editor.clipboard.expressions {
            max - width: 200px;
            max - height: 200px;
            overflow: auto
        }.editor.clipboard.actions {
            padding: 5px
        }.editor.clipboard.expressions pre {
            min - height: 16px;
            padding: 5px;
            margin: 0
        }.editor.node {
            overflow: hidden;
            padding: 2px 4px 2px 16px;
            margin: 0;
            position: relative
        }.editor.node.selector {
            position: absolute;
            left: 0;
            top: 0;
            width: 16px;
            height: 100 % ;
            cursor: pointer;
            padding: 0;
            margin: 0
        }.editor.node.selector table {
            width: 12px;
            height: 100 % ;
            padding: 0;
            margin: 0;
            border - collapse: separate;
            border - spacing: 2px
        }.editor.node.selector table td {
            border: 1px solid lightgray;
            border - right: 0
        }.editor.node.selected.selector table td {
            border - color: white
        }.editor.node.selector: hover table td {
            border - color: #1a1a1a}.editor .node .contents{padding:0}div.editor .node.selected{background-color:# 92b8de
        }.editor.node.selected.selector,
        .editor.node.selected textarea,
        .editor.node.selected.result {
            color: white
        }.editor.node.selected.selector {
            color: white;
            border - color: white
        }.editor.node.expr,
        .editor.node.result,
        .editor.clipboard pre {
            font - family: dejavu sans,
            verdana,
            arial,
            sans - serif;
            font - weight: normal;
            font - size: 14px
        }.editor.node.expr {
            margin: 0;
            padding: 0;
            width: 100 % ;
            border: 0;
            background: 0;
            overflow: hidden;
            outline: 0;
            color: #1a1a1a;resize:none}.editor .node .expr:hover{background-color:# f5f5f5
        }.editor.node.selected.expr: hover {
            background - color: transparent;
            color: #1a1a1a}.editor .node .expr:focus{background-color:# ffffbf;
            color: #1a1a1a}.editor .node.selected .expr:focus{background-color:transparent}.editor .node .result{color:gray;float:left;margin-left:24px;margin-right:24px;opacity:1;-webkit-transition:opacity .1s ease-out;-moz-transition:opacity .1s ease-out;-o-transition:opacity .1s ease-out;transition:opacity .1s ease-out}.editor .node .result.outdated{opacity:.5;-webkit-transition:opacity .5s ease-out;-moz-transition:opacity .5s ease-out;-o-transition:opacity .5s ease-out;transition:opacity .5s ease-out}.editor .node .result .error{color:red}.editor .node .result .graph{background-color:white}.editor .node .result table.help th{text-align:left;vertical-align:top}.editor .node .result table.help th,.editor .node .result table.help td{padding:5px}.editor .node .result table.help td pre{padding:0;margin:0;background-color:rgba(0,0,0,0.04)}.editor .node table.matrix{border-collapse:collapse}.editor .node div.matrix td{padding:0 5px}.editor .node div.matrix td.left,.editor .node div.matrix td.right{border:1px solid # a6a6a6;
            width: 4px;
            padding: 0
        }.editor.node div.matrix td.left {
            border - right: 0
        }.editor.node div.matrix td.center {
            padding: 0
        }.editor.node div.matrix td.right {
            border - left: none
        }.editor.node.selected div.matrix td {
            border - color: white
        }
        textarea.selector,
        textarea.resultcopier {
            position: absolute;
            left: -10px;
            top: -10px;
            width: 0;
            height: 0
        }
        div.viewer {
            border: 1px solid#b3b3b3;
            border - radius: 3px;
            overflow: visible;
            margin: 4px 0;
            max - width: 100 % ;
            max - height: 100 % ;
            float: left;
            font - family: dejavu sans,
            verdana,
            arial,
            sans - serif;
            font - weight: normal;
            font - size: 14px
        }
        div.viewer.focus {
            box - shadow: 0 0 10px #92b8de}div.viewer .frame{background-color:white;overflow:hidden;left:0;top:0;width:100%;height:100%}div.viewer .frame.fullscreen{position:fixed;z-index:999}div.viewer .head{color:gray;background-color:# e6e6e6;
            background - image: -ms - linear - gradient(top, #f5f5f5 0, #e6e6e6 100 % );
            background - image: -moz - linear - gradient(top, #f5f5f5 0, #e6e6e6 100 % );
            background - image: -o - linear - gradient(top, #f5f5f5 0, #e6e6e6 100 % );
            background - image: -webkit - gradient(linear, left top, left bottom, color - stop(0, #f5f5f5), color - stop(1, #e6e6e6));
            background - image: -webkit - linear - gradient(top, #f5f5f5 0, #e6e6e6 100 % );
            background - image: linear - gradient(to bottom, #f5f5f5 0, #e6e6e6 100 % );
            overflow: hidden;
            line - height: 24px;
            border - bottom: 1px solid#b3b3b3
        }
        div.viewer.head.title {
            padding: 0 5px;
            display: inline
        }
        div.viewer.head.menu {
            float: right
        }
        div.viewer.settings {
            background - color: #f3f3f3;
            padding: 5px;
            border - bottom: 1px solid#b3b3b3
        }
        div.viewer.settings td {
            vertical - align: middle;
            font - size: 13px
        }
        div.viewer.settings input {
            color: #1a1a1a;width:100px;border:1px solid lightgray;border-radius:2px;margin:4px}div.viewer button.folded,div.viewer button.expanded,div.viewer button.settings,div.viewer button.fullscreen,div.viewer button.fullscreen-exit{width:24px;height:24px;border:0;padding:0;margin:0;vertical-align:top;cursor:pointer;background-repeat:no-repeat;background-position:center;background-color:transparent}div.viewer .menu button{margin-left:8px}div.viewer button.folded{background-image:url('img/right.png')}div.viewer button.expanded{background-image:url('img/down.png')}div.viewer button.settings{background-image:url('img/settings.png')}div.viewer button.fullscreen{background-image:url('img/fullscreen.png')}div.viewer button.fullscreen-exit{background-image:url('img/fullscreen_exit.png')}div.viewer button.folded:hover,div.viewer button.expanded:hover,div.viewer button.settings:hover,div.viewer button.fullscreen:hover,div.viewer button.fullscreen-exit:hover{opacity:.5;filter:alpha(opacity= 50)
    }
    div.viewer div.resizable - right {
        cursor: e - resize;
        width: 10px;
        height: 100 % ;
        position: absolute;
        right: 0;
        top: 0;
        z - index: 1;
        margin - right: -5px
    }
    div.viewer div.resizable - bottom {
        cursor: s - resize;
        width: 100 % ;
        height: 10px;
        position: absolute;
        left: 0;
        bottom: 0;
        z - index: 1;
        opacity: .5;
        margin - bottom: -5px
    }
    div.viewer div.resizable - bottom - right {
        cursor: se - resize;
        background - image: url('img/resize.png');
        background - repeat: no - repeat;
        width: 16px;
        height: 16px;
        position: absolute;
        right: 0;
        bottom: 0;
        z - index: 2;
        margin - right: -5px;
        margin - bottom: -5px
    }
    */