h1 { 
  text-align: left;
  font-weight: bold;
  font-size: 30px;
}

.thumb_header { 
  font-family: arial;
  text-align: center;
  font-weight: bold;
  font-size: 16px;

  height:    45px;

}

.sm_graph {      
  font-family: arial;
  width:    200px;
  height:    95px;
  position: relative;
  margin:   0px;
  background-position: top center;
}

.month {
  width:    30px;

}

.sm_graph .sm_graph-area {
  width:    100%;
  height:    66px;
  top:        0px;
  position: relative;
  overflow: hidden;
  font-weight: normal;
  font-size: 12px;
}

.sm_graph ul {
  position: absolute;
  width:  100%;
  height: 100%;
  margin:   0;
  padding:  0;
  bottom:   0;
  list-style-type: none;
}

.sm_graph ul li { 
  position: absolute;

  width:  4px;
  border: 1px solid #333;

  height:  50px;
  bottom:   0px;
  padding:  0 !important;
  margin:   0 !important;
  background: url("../images/g_colorbar3.jpg") no-repeat !important;
  text-align: center;
  font-weight: bold;
  font-size: 0px;
  color: white;
}

.sm_graph li.red    {  background-position:    0px bottom !important; }
.sm_graph li.orange {  background-position:  -28px bottom !important; }
.sm_graph li.yellow {  background-position:  -56px bottom !important; }
.sm_graph li.blue   {  background-position:  -84px bottom !important; }
.sm_graph li.green  {  background-position: -112px bottom !important; }