body {
   font-size: 11px;
   margin:0;
   padding:0;
   line-height: 130%;
}

h1 {
   font-size: 14px;
   margin: 8px 0 0 0;
   padding:0;
}

h2 {
   font-size: 14px;
   padding-top: 1px;
}

p { 
   margin: 0 0 8px 0;
}

p#shortcuts {
   margin: 0 10px 10px 10px;
}

#info {
   font-family: "Trebuchet MS", serif;
   background-color: #e8e8e8;
   padding: 5px 5px 0 5px;
   float: left;
   width: 250px; 
}

#chart {
   padding: 0 5px 0 5px;
   float: left;
}

#allcontent {
   min-width: 1000px;
}

.barGraph {
   font: 9px Helvetica, Geneva, sans-serif;
   height: 200px;
   margin: 1em 0;
   padding: 0;
   position: relative;
}

.barGraph li {
   height: 14px;
   list-style: none;
   padding: 0;
   position: absolute;
}

.barGraph li .bar {
   background: #99d1f4 repeat-y top right;
   border-top: 1px solid #555;
   position: absolute;
   color:#000;
   text-align: left;
}

li a:link, li a:visited {
   color:#000;
}

a:link, a:visited {
   text-decoration:none;
}

a:hover {
   text-decoration:underline;
}

li .bar .num {
   float: right;
   padding: 0 3px;
}

#stats {
   display: block;
   position: fixed;
   bottom:0;
   right: 0;
   border: 1px solid #000;
   margin: 0 25px 15px 0;
   padding: 10px;
   text-align: right;
   background-color: #e8e8e8;
}

form {
   border: 1px solid #000;
   margin: 5px 5px 5px 5px;
   padding: 10px 15px 10px 15px;
}

form p {
   margin:0; 
}

label {
   width: 4em;
   float: left;
   text-align: right;
   display: block
}

form input {
   width: 130px;
   margin: 0 0 3px 15px;
}