@CHARSET "UTF-8";

#tuningindex
{
  position: absolute;
  height: 120px;
  width: 565px; /*595px; reduced to 30px */
  left: 210px; /*180px; reduced to 30px*/
  top: 0px;  
}

#tuningindex h2
{
  font-size: 12px;
  color: #202325;
  margin-top: 15px;
  margin-left: 11px;
}

#tuningindex .text
{
  position: absolute;
  top: 30px;
  font-size: 11px;
  margin-top: 0px;
  margin-left: 7px;
  margin-bottom: 10px;
}

#tuningindexbar
{
  position: absolute;
 width: 201px; /*reduced to 30px*/
  height: 20px;
  line-height: 20px;
  font-size: 20px;
  background-image: url('../images/tuning/graph_bg.png');
  top: 76px;
  margin-left: 7px;
}

#tuningindexbar .tuindex
{
  position: absolute;
  height: 17px;
  line-height: 17px;
  font-size: 17px;
  background-repeat: no-repeat;
}

#tuningindexbar .tuindex
{
  border-right: 1px solid #292a30;
}

#tuningindexbar .tuindex.potential
{
  border-left: 1px solid #292a30;
}

#tuningindexbar .frame .tuindex, #tuningindexbar .frame .tuindex.potential
{
  border: none;
  background-image: url('../empty.gif');
}

#tuningindexbar .tuindex.activity.tuindexa
{
  background-image: url('../images/tuning/graph_a.png');
}

#tuningindexbar .tuindex.activity.tuindexb
{
  background-image: url('../images/tuning/graph_b.png');
}

#tuningindexbar .tuindex.activity.tuindexc
{
  background-image: url('../images/tuning/graph_c.png');
}

#tuningindexbar .tuindex.activity.tuindexd
{
  background-image: url('../images/tuning/graph_d.png');
}

#tuningindexbar .tuindex.activity.tuindexe
{
  background-image: url('../images/tuning/graph_e.png');
}

#tuningindexbar .tuindex.potential.tuindexf
{
  background-image: url('../images/tuning/graph_f.png');
}

#tuningindexbar .frame
{
  position: absolute;
  top: 0;
  left: 0;
 width: 201px; /*231; reduced to 30px*/
  height: 20px;
  background-image: url('../images/tuning/graph_frame.png');
}

#tuningindexbarturbo
{
  position: absolute;
  width: 31px;
  height: 26px;
  line-height: 1px;
  font-size: 1px;
  left: 208px;/*reduced to 30px*/
  background-image: url('../images/tuning/turbo_off_00.png');
  top: 76px;
}

#tuningindexoptimizations
{
  position: absolute;
  width: 300px;
  height: 50px;
 left: 268px; /*298; reduced to 30px*/
  top: 18px;
}

#tuningindexpotentials
{
  position: absolute;
  width: 300px;
  height: 50px;
  left: 268px; /*298; reduced to 30px*/
  top: 70px;
}

#tuningindex h3
{
  font-size: 11px;
}

#tuningindex .paginator
{
  position: absolute;
  top: 0;
  right: -4px;
}

#tuningindex .paginator td
{
  font-size: 11px;
}

#tuningindex .paginator .prev, #tuningindex .paginator .prevhover
{
  width: 7px;
  height: 11px;
  background-image: url('../images/tuning/paging_back.png');
  background-repeat: no-repeat;
  margin: 1px 5px 1px 5px;
}

#tuningindex .paginator .prevhover
{
  background-image: url('../images/tuning/paging_back_hover.png');
}

#tuningindex .paginator .next, #tuningindex .paginator .nexthover
{
  width: 7px;
  height: 11px;
  background-image: url('../images/tuning/paging_next.png');
  background-repeat: no-repeat;
  margin: 1px 5px 1px 5px;
}

#tuningindex .paginator .nexthover
{
  background-image: url('../images/tuning/paging_next_hover.png');
}

#tuningindex .content
{
  position: absolute;
  overflow: hidden;
  height: 50px;
  width: 300px;
}

#tuningindex .content table
{
  position: absolute;
}

#tuningindex .content td
{
  padding-left: 2px;
  padding-top: 5px;
  font-size: 11px;
}
#tuningindex .content td .number
{
  margin-left: 0;
  padding: 0 1px 2px 0;
}

#tuningindex .content a
{
  color: #194e83;
  text-decoration: underline;
  cursor: pointer;
}

#tuningindexpotentials .paginator a, #tuningindexoptimizations .paginator a
{
  color: #194e83;
  text-decoration: underline;
  cursor: pointer;
}

#graphactivity
{
  position: absolute;
  margin-top: 14px;
  margin-left: 10px;
}

#graphpotential
{
  margin-top: 63px;
  height: 25px;
  width: 230px;
  margin-left: 8px;
}

.graphcontainer
{
  position: absolute;
}

.graphpotential .potential {
  position: initial;
}

.graphcontainer.turbo
{
  left: 226px;
}

#graphactivity .number, #graphpotential .number, #tuningindexoptimizations .number, #tuningindexpotentials .number
{
  font-size: 11px;
  border: 1px solid #5c5e67;
  padding: 0 1px 1px 0;
  background-color: white;
  text-align: center;
  width: 14px;
  margin: auto;
}

#graphpotential .number, #tuningindexpotentials .number
{
  background-color: #5c5e67;
  color: white;
  border: 1px solid #000000;
}

#tuningindexoptimizations td .number, #tuningindexpotentials td .number
{
  margin: 0 6px 0 -5px;
}

#graphactivity .connector, #graphpotential .connector
{
  border-right: 1px solid #5c5e67;
  line-height: 4px;
  font-size: 4px;
  height: 4px;
  margin: auto;
  text-align: center;
  width: 1px;
}

#graphactivity .graph, #graphpotential .graph
{
  border-top: 1px solid #5c5e67;
  border-left: 1px solid #5c5e67;
  border-right: 1px solid #5c5e67;
  line-height: 4px;
  font-size: 4px;
  height: 4px;
  margin-top: -1px;
}

#graphpotential .graph
{
  margin-top: 0;
  border-top: none;
  border-bottom: 1px solid #5c5e67;
}


