/* Stats graphs style 1 */

table.stats {
  /*width: 100%;*/
  font-size: 100%;
}

.stats th { 
  text-align: left; 
  background: gray;
  color: white;
  padding: 0.1em 0.5em;
}

.stats td { 
  background: #f5f5f5; 
  text-align: center;
  padding-left: 0.5em;
  padding-right: 0.5em;
  font-size: 100%;
}

.stats td.left { 
  text-align: left;
}


div.graph {
  height: 16px;
  border: none; 
  position: relative;
  float: left;
}

div.stats_string{
  float: left;
  text-align: left;
  padding-left: 0.3em;
  padding-top: 0.2em;
  /*position: absolute;*/
  font-size: 75%;
  font-weight: bold;
}

div.translated {
  position: absolute; 
  top: 0px;
  height:100%; 
  left: 0%; 
  background: #72d774;
  background: url('../images/icons/stats/green-bar.png') 0 50%;
  background-repeat: repeat-x;
}

div.goodchange {
  position: absolute; 
  top: 0px;
  height:100%; 
  background: #55DD55;
  background: url('../images/icons/stats/cyan-bar.png') 0 50%;
  background-repeat: repeat-x;
}

div.fuzzy {
  position: absolute; 
  top: 0px;
  height:100%; 
  background: #c9ddff;
  background: url('../images/icons/stats/purple-bar.png') 0 50%;
  background-repeat: repeat-x;
}

div.untranslated {
  position: absolute; 
  height:100%; 
  top: 0px;
  background: #ffa5a5;
  background: url('../images/icons/stats/red-bar.png') 0 50%;
  background-repeat: repeat-x;
}


/* Stats graphs style 2 */

table.stats_comp {
  font-size: 100%;
  border-collapse: collapse;
  margin: 1em 0;
}

table.stats_comp_source {
  margin: 0;
}


.stats_comp a {
  border-bottom: none;
}

.stats_comp a:hover {
  color: #041E37;
}

.stats_comp td.name {
  padding-left: 0.3em;
  padding-right: 0.5em;
  font-size: 90%;
}

.stats_comp td.actions {
  padding-left: 0.8em;
}

div.graph_comp {
  position: relative;
  z-index: 1;
  height: 20px;
  margin: 0px;
  padding: 0px;
  border-left: 1px solid #ddd;
  margin-right: 1px; /* Due to the right border of div.untranslated_comp */
}

div.stats_string_comp{
  position: absolute; 
  z-index: 2;
  text-align: left;
  padding-left: 0.8em; 
  font-size: 80%;
  color: #69916a;
  height: 22px;
  line-height: 22px;
}

div.translated_comp {
  position: absolute;
  height:100%;
  left: 0%; 
  background: #c1f8c2;
  background-repeat: repeat-x;
  border-right: 1px solid #afecb0;
}

 
div.fuzzy_comp {
  position: absolute;
  height:100%; 
  background: #dae1ee;
  background-repeat: repeat-x;
  border-right: 1px solid #d0d6e1;
}

div.untranslated_comp {
  position: absolute;
  height:100%; 
  display: inline;
  background: #efefef;
  background-repeat: repeat-x;
  border-right: 1px solid #ddd;
}

span.stat_message{
  font-size: 90%;
  color: gray;
  padding-left: 1px;
  padding-right: 1px;
}

.nodecoration_icon, .nodecoration_icon:hover { /* These classes need cleanup */
  text-decoration: none;
  border: none !important;
  padding-left: 16px !important;
  margin-left: 5px;
}

input.nodecoration_icon,
input.nodecoration_icon:hover { /* Not sure why this is needed. */
  margin-left: 0;
  padding-left: 16px !important;
}
