/******************************************************************************
 *                 SYSTEM GRAPH COMPARISON THINGY                             *
 *****************************************************************************/

table.model_graph {
  width: 100%;
  border: 1px solid black;
  margin-top: 5px;
  margin-bottom: 5px;
  padding: 0px;
  }

table.model_graph td {
  height: 15px;
  font-size: 7.5pt;
  }

table.model_graph .model_graph_header {
  height: 20px;
  }

table.model_graph .model_graph_header td {
  font-size: 8pt;
  height: 20px;
  background-color: rgb(195,206,220);
  border-bottom: 1px solid black;
  font-weight: bold;
  padding-left: 3px;
  padding-right: 3px;
  }

table.model_graph .model_graph_hardware {
  width: 50px;
  padding-left: 3px;
  padding-right: 3px;
  border-right: 1px solid black;
  }

table.model_graph .model_graph_low_end {
  width: 45px;
  padding-left: 3px;
  padding-right: 3px;
  text-align: right;
  border-right: 1px solid black;
  }

table.model_graph .model_graph_out_of_range {
  width: 55px;
  }

table.model_graph .model_graph_range_start {
  width: 55px;
  background-image: url('/images/range_start.png');
  background-repeat: repeat-y;
  background-position: right;
  }

table.model_graph .model_graph_in_range {
  width: 55px;
  background-color: rgb(195,206,220);
  text-align: center;
  }
 
table.model_graph .model_graph_range_end {
  width: 55px;
  background-image: url('/images/range_end.png');
  background-repeat: repeat-y;
  background-position: left;
  }

table.model_graph .model_graph_in_out_range {
  width: 55px;
  background-image: url('/images/range_start_end.png');
  background-repeat: repeat-y;
  background-position: center;
  text-align: center;
  }

table.model_graph .model_graph_in_out_range_2 {
  width: 110px;
  background-image: url('/images/range_start_end_2.png');
  background-repeat: repeat-y;
  background-position: center;
  text-align: center;
  }

table.model_graph .model_graph_high_end {
  width: 50px;
  padding-left: 3px;
  padding-right: 3px;
  text-align: left;
  border-left: 1px solid black;
  }

.model_graph_key {
   margin-top: 5px;
   font-size: 7pt;
   text-align: center;
   width: 100%;
   }

.model_graph_key b {
   color: #425063;
   }

table.model_graph_selector {
   width: 100%;
   border: 1px solid black;
   margin-bottom: 5px;
   }

table.model_graph_selector td {
   font-size: 8pt;
   height: 20px;
   padding: 3px;
   text-align: center;
   }

table.model_graph_selector a {
   font-weight: bold;
   }

table.model_graph_selector .header {
   height: 20px;
   }

table.model_graph_selector .header td {
   background-color: rgb(195,206,220);
   font-size: 8pt;
   font-weight: bold;
   height: 20px;
   padding-left: 3px;
   padding-right: 3px;
   border-bottom: 1px solid black;
   }

table.model_graph .model_graph_out_of_range_narrow {
  width: 47px;
  }

table.model_graph .model_graph_range_start_narrow {
  width: 47px;
  background-image: url('/images/range_start_narrow.png');
  background-repeat: repeat-y;
  background-position: right;
  }

table.model_graph .model_graph_in_range_narrow {
  width: 47px;
  background-color: rgb(195,206,220);
  text-align: center;
  }
 
table.model_graph .model_graph_range_end_narrow {
  width: 47px;
  background-image: url('/images/range_end_narrow.png');
  background-repeat: repeat-y;
  background-position: left;
  }

table.model_graph .model_graph_in_out_range_narrow {
  width: 47px;
  background-image: url('/images/range_start_end_narrow.png');
  background-repeat: repeat-y;
  background-position: center;
  text-align: center;
  }

table.model_graph .model_graph_in_out_range_2_narrow {
  width: 98px;
  background-image: url('/images/range_start_end_2_narrow.png');
  background-repeat: repeat-y;
  background-position: center;
  text-align: center;
  }