/* Copyright 2013 Michael Bostock. All rights reserved. Do not copy. */

@import url(http://fonts.googleapis.com/css?family=PT+Serif|PT+Serif:b|PT+Serif:i|PT+Sans|PT+Sans:b);
div.tooltip {
    position: absolute;
    text-align: center;
    width: 120px;
    height: 360pd;
    padding: 7px;
    font: 12pd sans-serif;
    /*background: lightsteelblue;*/
    
    border: 0px;
    border-radius: 8px;
    pointer-events: none;
}
html {
    min-width: 1040px;
}
.ocks-org body {
    background: #fcfcfa;
    color: #333;
    font-family: "PT Serif", serif;
   // margin: 1em auto 4em auto;
    position: relative;
  //  width: 960px;
}
.ocks-org header,
.ocks-org footer,
.ocks-org aside,
.ocks-org h1,
.ocks-org h2,
.ocks-org h3,
.ocks-org h4 {
    font-family: "PT Sans", sans-serif;
}
.ocks-org h1,
.ocks-org h2,
.ocks-org h3,
.ocks-org h4 {
    color: #000;
}
.ocks-org header,
.ocks-org footer {
    color: #636363;
}
h1 {
    font-size: 64px;
    font-weight: 300;
    letter-spacing: -2px;
    margin: .3em 0 .1em 0;
}
h2 {
    margin-top: 2em;
}
h1,
h2 {
    text-rendering: optimizeLegibility;
}
h2 a[name],
h2 a[id] {
    color: #ccc;
    right: 100%;
    padding: 0 .3em;
    position: absolute;
}
header,
footer {
    font-size: small;
}
.ocks-org header aside,
.ocks-org footer aside {
    float: left;
    margin-right: .5em;
}
.ocks-org header aside:after,
.ocks-org footer aside:after {
    padding-left: .5em;
    content: "/";
}
footer {
    margin-top: 8em;
}
h1 ~ aside {
    font-size: small;
    right: 0;
    position: absolute;
    width: 180px;
}
.attribution {
    font-size: small;
    margin-bottom: 2em;
}
body > p,
li > p {
    line-height: 1.5em;
}
body > p {
    width: 720px;
}
body > blockquote {
    width: 640px;
}
blockquote q {
    display: block;
    font-style: oblique;
}
ul {
    padding: 0;
}
li {
    width: 690px;
    margin-left: 30px;
}
a {
    color: steelblue;
}
a:not(:hover) {
    text-decoration: none;
}
pre,
code,
textarea {
    font-family: "Menlo", monospace;
}
code {
    line-height: 1em;
}
textarea {
    font-size: 100%;
}
body > pre {
    border-left: solid 2px #ccc;
    padding-left: 18px;
    margin: 2em 0 2em -20px;
}
.html .value,
.javascript .string,
.javascript .regexp {
    color: #756bb1;
}
.html .tag,
.css .tag,
.javascript .keyword {
    color: #3182bd;
}
.comment {
    color: #636363;
}
.html .doctype,
.javascript .number {
    color: #31a354;
}
.html .attribute,
.css .attribute,
.javascript .class,
.javascript .special {
    color: #e6550d;
}
svg {
    font: 10px sans-serif;
}
.axis path,
.axis line {
    fill: none;
    stroke: #000;
    shape-rendering: crispEdges;
}
sup,
sub {
    line-height: 0;
}
q:before {
    content: "“";
}
q:after {
    content: "”";
}
blockquote q {
    line-height: 1.5em;
    display: inline;
}
blockquote q:before,
blockquote q:after {
    content: "";
}
.background {
    fill: #eee;
}
line {
    stroke: #fff;
}
text.active {
    fill: red;
}
.floatLEFT {
    float: left;
    width: 75%;
}
.floatRIGHT {
    float: right;
    width: 25%;
    display: inline-block;
    border-style: solid;
    border-width: 1px;
    border-color: #4C4C4C;
    font-size: 5pt;
    padding: 0px;
    margin: 0px;
}
.ui-layout-pane {
    /* all 'panes' */
    
    border: 1px solid #BBB;
}
.ui-layout-pane-center {
    /* IFRAME pane */
    
    padding: 0;
    margin: 0;
}
.ui-layout-pane-west {
    /* west pane */
    
    padding: 0 10px;
    background-color: #EEE !important;
    overflow: auto;
}
.ui-layout-resizer {
    /* all 'resizer-bars' */
    
    background: #DDD;
}
.ui-layout-resizer-open:hover {
    /* mouse-over */
    
    background: #9D9;
}
.ui-layout-toggler {
    /* all 'toggler-buttons' */
    
    background: #AAA;
}
.ui-layout-toggler-closed {
    /* closed toggler-button */
    
    background: #CCC;
    border-bottom: 1px solid #BBB;
}
.ui-layout-toggler .content {
    /* toggler-text */
    
    font: 14px bold Verdana, Verdana, Arial, Helvetica, sans-serif;
}
.ui-layout-toggler:hover {
    /* mouse-over */
    
    background: #DCA;
}
.ui-layout-toggler:hover .content {
    /* mouse-over */
    
    color: #009;
}
/* masks are usually transparent - make them visible (must 'override' default) */

.ui-layout-mask {
    background: #C00 !important;
    opacity: .20 !important;
    filter: alpha(opacity=20) !important;
}
body {
    background-color: black;
    font-family: Geneva, Arial, Helvetica, sans-serif;
}
ul {
    /* basic menu styling */
    
    margin: 1ex 0;
    padding: 0;
    list-style: none;
    position: relative;
}
li {
    padding: 0.15em 1em 0.3em 5px;
}

body > aside {
    margin-top:80px;
    padding: 20px;
}

.orderDiv {
    padding-right: 5px;
    padding-left: 5px;
    margin-right: 30px;
    margin-left: 5px;
}