/**
 * Graphing library CSS
 */
.graph {
  background: #f9f9f9 url(/img/graybox.png);
  border: solid #ccc 1px;
  padding: 10px 22px 10px 10px;
}
.graph_title {
  font-size: 14px;
  font-weight: bold;
  padding: 0px 0px 8px;
  text-align: center;
}
.graph_data_and_x_scale {
  float: left;
}
.graph_data_container {
  background: url(/img/graph/bg.png) bottom left;
  border: solid #d7d7d7 1px;
}
.graph_data {
  position: relative;
}
.graph_y_scale_container {
  float: left;
  padding-right: 4px;
}
.graph_y_label {
  color: #999;
  font-size: 10px;
  text-align: center;
  width: 20px;
}
.graph_x_scale_container {
  overflow: hidden;
  padding-top: 8px;
}
.graph_x_label {
  color: #999;
  font-size: 10px;
  float: left;
  text-align: center;
}

/**
 * Items and labels
 */
.graph_item {
  background: #d8dfea url(/img/graph/item.png);
  display: block;
  position: absolute;
}
a.graph_item:hover,
a.graph_item_hover {
  background: #3b5998 url(/img/graph/item_active.png);
  text-decoration: none;
}
.graph_data_label_container {
  display: none; 
  font-size: 12px;
}
a.graph_item:hover .graph_data_label_container,
a.graph_item_hover .graph_data_label_container {
  position: relative;
  display: block;
}
.graph_data_label {
  display: block;
  position: absolute;
  z-index: 50;
  bottom: -2px;
}
.graph_data_label_left {
  left: -4px;
}
.graph_data_label_right {
  right: -4px;
}
.graph_data_label_text {
  border: solid #c0c0c0 1px;
  background: #fff;
  color: #666;
  display: block;
  font-size: 14px;
  padding: 2px 5px 5px;
  margin-top: -1px;
}
.graph_data_label_nub {
  background: url(/img/graph/nub.gif) no-repeat 20% 0px;
  display: block;
  font-size: 0px;
  height: 7px;
  line-height: 0px;
  margin-top: -1px;
}
.graph_data_label_right .graph_data_label_nub {
  background-position: 80% 0%;
}

.graph_footer { 
  color: #666;
  padding: 8px 0px 0px;
  text-align: center;
}

a.graph_footer_prev_link { 
  background: url(/img/graph/prev_next.png) 0px 0px no-repeat;
  margin: 0px 6px;
  padding-left: 7px;
}
a.graph_footer_prev_link:hover { 
  background-position: 0px -24px;
  text-decoration: none;
}

a.graph_footer_next_link { 
  background: url(/img/graph/prev_next.png) right -12px no-repeat;
  margin: 0px 6px;
  padding-right: 7px;
}
a.graph_footer_next_link:hover { 
  background-position: right -36px;
  text-decoration: none;
}


/**
 * Bar graph
 */
.graph_bar {
  bottom: 0px;
  border: solid #e9e9e9 1px;
  border-bottom: none;
}

/**
 * Scatter plot
 */
.graph_point {
  background-image: url(/img/graph/point.png);
  display:block;
  position: absolute;
  font-size: 0px;
}
.scatter_plot a.graph_point:hover,
.scatter_plot a.graph_item_hover {
  background-image: url(/img/graph/point_active.png);
}
.graph_point .graph_data_label_left {
  left: -8px;
}
.graph_point .graph_data_label_left .graph_data_label_nub {
  background-position: 9px 0px;
}
.graph_point .graph_data_label_right {
  right: -8px;
}
.graph_point .graph_data_label_left .graph_data_label_nub {
  background-position: 9px 0px;
}
.graph_point .graph_data_label_right .graph_data_label_nub {
  background-position: 116px 0px;
}