#hfcharts { text-align: center; float: left; }
#hf_chart { vertical-align: middle; position: relative; left: 10px; width: 780px; float: left; margin-bottom: 30px; border: solid 1px #242526; }
#hf_odchart { margin-bottom: 30px; position: relative; left: 10px; width: 500px; float: left; vertical-align: middle; clear: left; border: solid 1px #242526; }
.image_esp { text-align: right; float: right; padding-right: 20px; padding-bottom: 30px; }
td { color: #000; font-size: 9px; font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; text-align: center; vertical-align: middle; height: 18px; padding-top: 3px; padding-bottom: 2px; border-top: 1px solid #242526; border-right: 1px solid #242526;4252 #24252 #242526; }
.header { color: #fff; font-size: 9px; font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; font-weight: bold; background-color: #001b31; text-align: center; }
h4 { color: #242526; font-size: 12px; font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; font-weight: bold; text-align: center; padding-bottom: 9px; }
.blank_grey { background-color: #626464; }
.red_bkgnd { color: #fff; font-size: 10px; font-weight: bold; line-height: 10px; background-color: #c9003b; text-align: left; vertical-align: middle; height: 16px; padding-top: 2px; padding-left: 8px; border-top: 2px solid #242526; border-bottom: 1px solid #001b31; }
.class-header { color: #626464; font-size: 9px; font-weight: bold; text-align: center; padding-top: 2px; padding-bottom: 2px; }
#hfcharts a { color: #000; text-decoration: none; }
#hfcharts a:hover { color: #003b74; text-decoration: underline; }