@import url(http://fonts.googleapis.com/css?family=Euphoria+Script|Jacques+Francois+Shadow|Parisienne|Pinyon+Script);



.label span {
    background-color: #fff;
}

.label.highlighted {
    z-index: 100;
}

.label.highlighted span, .label.axis span {
    background-color: #fff;
}

.label.rotate45 {
    -moz-transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
}

.label.x-axis {
    font-weight: bold;
}

html {
    overflow: hidden;
}



/*
 * Default Theme
 * -------------
 *
 */

body, html {
    height: 100%;
}


body.chart {
    font-family: Helvetica Neue, Arial;
    font-weight: 400;
    font-size: 12px;
    margin: 0 5px;
    background: #fff;
    overflow: visible;
    overflow-x:hidden;
}

h1 {
    font-size: 22px;
    font-weight: 300;
    margin: 0 0 10px;
    text-align: left;
}

h1 span {
}

.chart p { margin: 5px 0 10px!important; line-height: 19px;}

#chart {
    margin-top: 10px;
}

#chart.line-chart {
    margin-top: 20px;
}

.label span {
    font-size: 12px;
    color: #333;
}

.label.highlighted, .label.axis {
    font-size: 12px;
    z-index: 100;
}

.label.hover {
    font-weight: bold;
}

.label.inverted span {
    color: #fff;
}

.label.highlighted {
    font-weight: bold;
}

.label.value span {
    font-size: 12px;
}

.label.series span {
    font-size: 12px;
}


.tooltip {
    z-index: 200;
    padding-bottom: 0px;
}

.tooltip .content {
    background-color: #fff;
    border: 1px solid #888;
    box-shadow: 2px 2px 2px rgba(0,0,0,.2);
    padding: 5px 8px;
}

.tooltip label {
    font-weight: 700;
}

.tooltip label:after {
    content: ": ";
}

#footer {
    font-size: 11px;
    color: #888;
}


.clearfix:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}

.clearfix {
    display: inline-block;
}

html[xmlns] .clearfix {
    display: block;
}

* html .clearfix {
    height: 1%;
}

svg .axis, svg .tick, svg .grid, svg rect {
    shape-rendering: crispEdges;
}


.label.rotate90 {
    -moz-transform: rotate(-90deg);
    -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
}

.label.smaller span {
    font-size: 80%;
}




/*
 * Playfair Theme
 * -------------
 *
 */

body.chart {
    font-weight: 400;
    margin:5px 10px;
    font-size: 12px;
    background: #FEFAF2;
    overflow: visible;
    font-family: Palatino, Georgia, serif;
    overflow-x:hidden;
    color: #625654;
}

html body.chart.fullscreen {
    background: #FEFAF2!important;
}

a {
    color: #b24405;
}

h1 {
    font-family: 'Pinyon Script', serif;
    font-size: 25px;
    font-weight: 300;
    margin: 0 0 20px;
    text-align: center;
    text-shadow: 0px 0px 2px #F28445, 2px 2px 3px rgba(0,0,0,.2);
}

h1 span {
    border-bottom: 1px solid #000;
    padding: 3px 20px;
    padding-bottom: 2px;
}

.chart p {
    margin: 15px 0 1px;
    line-height: 16px;
    text-align: center;
}

#chart {
    margin-top: 25px;
}

.label span {
    font-size: 15px;
    color: #000;
    font-family: 'Euphoria Script', serif;
}


.chart.fullscreen .label span {
    font-size: 20px;
    line-height: 28px;
}


.label.highlighted, .label.axis {
    font-size: 14px;
    z-index: 100;
}

.label.hover {
}

.label.inverted span {
    color: #fff;
}

.label.highlighted {
}

.label.value span {
    font-size: 14px;
}

.label.series span {
    font-size: 14px;
       font-family: 'Jacques Francois Shadow', cursive;
   text-transform: uppercase;
   font-weight: normal;
}


.tooltip {
    z-index: 200;
    padding-bottom: 0px;
}

.tooltip .content {
    background-color: #fff;
    border: 1px solid #888;
    box-shadow: 2px 2px 2px rgba(0,0,0,.2);
    padding: 5px 8px;
}

.tooltip label {
    font-weight: 700;
}

.tooltip label:after {
    content: ": ";
}

.label.tooltip {
    border-radius: 15px;
    padding: 3px 8px!important;
    box-shadow: 3px 3px 3px rgba(0,0,0,.3);
}

#footer {
    padding-top: 5px;
    padding-bottom: 5px;
    height: 10px;
}

.footer-left {
    float: left;
}
.footer-right {
    float: right;
}

.clearfix:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}

.clearfix {
    display: inline-block;
}

html[xmlns] .clearfix {
    display: block;
}

* html .clearfix {
    height: 1%;
}

svg .axis, svg .tick, svg .grid, svg rect {
    shape-rendering: crispEdges;
}


.label.rotate90 {
    -moz-transform: rotate(-90deg);
    -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
}

.label.smaller span {
    font-size: 80%;
}

.line-chart .label.series span,
.line-chart .label.axis span {
    background-color: #FEFAF2;
}

html .fs-btn {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABcAAAAUBAMAAACUkLs9AAAAA3NCSVQICAjb4U/gAAAAMFBMVEX///97d297d297d297d297d297d297d297d297d297d297d297d297d297d297d280X5C+AAAAEHRSTlMAESIzRFVmd4iZqrvM3e7/dpUBFQAAAAlwSFlzAAALEgAACxIB0t1+/AAAABh0RVh0Q3JlYXRpb24gVGltZQAyMS4xMi4yMDEytzLJCAAAABx0RVh0U29mdHdhcmUAQWRvYmUgRmlyZXdvcmtzIENTNXG14zYAAACtSURBVBiVYyhnYBRgYGBgcgISDPvfvZ8ApFjP3b2rwBD//wlIjIH9/T8BBv//BWCO/P9/DAx2z7+DOQx5/xUY5CbkgaVYD84vYOAXYAVzvBQ4BRgYIYoYPjGQCYAGmEBYbAwMfgKMS4AszgMMfgwMfA0yCSBX32I4J8DA82U6WJHd9v8MDDz/D4A5zO9Bbvt/C+Q5Btn//w2AnPcfgWzeeyD/sLgYgW1QZmhhAAAbrS+zW6BWbAAAAABJRU5ErkJggg==);
    width: 23px;
    height: 20px;

}