@page {
    margin-left: 10px;
    margin-top: 2px;
    margin-right: 10px;
    page-break-before: always;
}



.data {
    FONT-SIZE: 10px; FONT-FAMILY: arial;
    border: solid 1px #CCCCCC;
}
TD {
	FONT-SIZE: 10px; FONT-FAMILY: arial;
	
}
INPUT {
	FONT-SIZE: 10px; FONT-FAMILY: arial
}
SELECT {
	FONT-SIZE: 10px; FONT-FAMILY: arial
}
TH {
	FONT-SIZE: 10px;
        FONT-FAMILY: arial;
        background-color: #CCCCCC;
}.data td {
    text-align: right;    
    }
.graph {        
        background-color: #FFFFFF;
        border: solid 1px #CCCCCC;
      }

	     
.graph td {
        font-family: verdana, arial, sans serif;
      }
      
.graph thead th {
        border-bottom: double 2px black;
        font-family: verdana, arial, sans serif;
        padding: .5em;
        
        background-color: white;
      }
    
.graph tfoot td {
        border-top: solid 1px #999999;
        font-size: x-small;
        text-align: center;
        padding: 0.5em;
        color: #666666;
}

      
.bar1 div { 
        border-top: solid 2px #29447B;
        background-color: #29447B;
        border-bottom: solid 2px #002266;
        text-align: right;
        color: white;
        float: left;
        padding-top: 0;
        height: .5em;
}
.bar2 div { 

        border-top: solid 2px #5D7CBA;

        background-color: #5D7CBA;

        border-bottom: solid 2px #002266;

        text-align: right;

        color: white;

        float: left;

        padding-top: 0;

        height: .5em;

}
.bar3 div { 

        border-top: solid 2px #8B9BBA;

        background-color: #8B9BBA;

        border-bottom: solid 2px #002266;

        text-align: right;

        color: white;

        float: left;

        padding-top: 0;

        height: .5em;

}