body {
background-color: #e1e1e1;
background-image: url('../images/bg.png');
    margin: 0px;
    outline:none;
    background-repeat: repeat;
    
}
.center {
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
border: 5px solid black;
padding: 10px;
}
.title {
font: bold 45px times,serif; color: #e9a01a;
background-color:white;
}
.report {
        border:1px solid black;
    border-collapse:collapse;
}
tr:nth-child(even) {background-color: #f2f2f2;}
.report td, th  {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;
    padding: 2px;
    text-align: left;
    border:1px solid black;
    border-collapse:collapse;
}
.graphTable td, th  {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
    text-align: left;
    border-collapse:collapse;
    border:0px;
    margin:0;

}
.graph {
    background-image:url('../images/blueBar.png');
    height:10px;
    border:none;
    background-repeat:repeat;
    display:inline-block;
}
.graphBar {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;
    text-align: left;
    border:none;
    
}
.label {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size:10px;
    width:20px;
            position:relative;
        top:50%;

    -webkit-transform: rotate(-90deg); 
        -moz-transform: rotate(-90deg);    
        transform:rotate(-90deg);
        filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);

}
.counts {
    width:20px;
    height:20px;
    font-size:8px;
    border:1px solid black;

    text-align:center;
    -webkit-transform: rotate(-90deg); 
        -moz-transform: rotate(-90deg);    
        transform:rotate(-90deg);
        filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
}
.graphVert {
    background-image:url('../images/blueBar.png');
    width:20px;
    border:1px solid black;
    background-repeat:repeat;
    
}
.labelVert {
    width:20px;
    height:20px;
    font-size:12px;
    border:1px solid black;
    display:inline-block;
    text-align:center;
}
.countsVert {
    width:20px;
    height:20px;
    font-size:8px;
    border:1px solid black;

    text-align:center;
}
.summary {
    display:inline-block;
    text-align:center;
    font:18px bold;
}
.box {
            display:inline-block;
            width:350px;
            margin:1px;
            font-family: Roboto, helvetica, arial, sans-serif;
            text-align:left;
            margin-left:10px;
            
        }
.box h1 {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size:12px;
    font-weight:bold;

}
#header  {
    text-align:center;
    font-family: Roboto, helvetica, arial, sans-serif;
    background-color:white;
            
}
.calendar td, th {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;
    padding: 2px;
    text-align: left;
    border: 1px solid black;
    border-collapse: collapse;
}