html {
font-family: Arial;
}
body {
background-color: #ddd;
margin:80px 80px 60px 80px;
-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
div#fixedheader {
position:fixed;
top:0px;
left:0px;
width:100%;
height:60px;
color:#ddd;
background:#333;
padding:10px;
}
div#fixedfooter {
position:fixed;
bottom:0px;
left:0px;
width:100%;
height:40px;
color:#ddd;
background:#333;
padding:10px;
}
h1 {
margin: 1em 0em;
}
p {
margin: 1em 0em;
}
#toptextcontainer {
padding-top: 1px;
}
.textspan {
margin: 1em;
}
.defaultchart {
display: inline-block;
background-color: #eee;
width: 640px;
height: 480px;
}
.axis path,
.axis line {
fill: none;
stroke: black;
shape-rendering: crispEdges;
}
.axis text {
font-family: sans-serif;
font-size: 11px;
}
.bar:hover {
fill: blue;
}
.btext {
font-family: sans-serif;
font-size: 11px;
fill: white;
}
.ctext {
font-family: sans-serif;
font-size: 11px;
fill: blue;
}
/* Machine-generated style from http://www.bestcssbuttongenerator.com/ */
.headerbutton {
-moz-box-shadow: 0px 1px 0px 0px #1c1b18;
-webkit-box-shadow: 0px 1px 0px 0px #1c1b18;
box-shadow: 0px 1px 0px 0px #1c1b18;
background-color:#eae0c2;
-moz-border-radius:15px;
-webkit-border-radius:15px;
border-radius:15px;
border:2px solid #333029;
display:inline-block;
cursor:pointer;
color:#505739;
font-family:arial;
font-size:14px;
font-weight:bold;
padding:12px 16px;
text-decoration:none;
text-shadow:0px 1px 0px #ffffff;
}
.headerbutton:hover {
background-color:#ccc2a6;
}
.headerbutton:active {
position:relative;
top:1px;
}