@font-face {
  font-family: FuturisC;
  src: url("http://sospo.net/resources/fonts/futuris/FuturisC.otf");
}
@font-face {
  font-family: FuturisC-Bold;
  src: url("http://sospo.net/resources/fonts/futuris/FuturisC.otf");
}
@font-face {
  font-family: FuturisC-Italic;
  src: url("http://sospo.net/resources/fonts/futuris/FuturisC.otf");
}
@font-face {
  font-family: FuturisC-BoldItalic;
  src: url("http://sospo.net/resources/fonts/futuris/FuturisC.otf");
}
body.body_rating {  
  background-color: transparent;
}
p.p_rating {  
  font-family: FuturisC, Verdana, Arial, Helvetica, sans-serif;
  background-color: transparent;
  width: 90%;
}
p.p_attention {  
  color: red
}
p.p_rating_question {  
  font-family: FuturisC, Verdana, Arial, Helvetica, sans-serif;
  background-color: transparent;
  width: 90%;
  font-style: oblique;
}
h1.h1_rating {  
  font-family: FuturisC, Verdana, Arial, Helvetica, sans-serif;
  background-color: transparent;
  width: 90%;
  color: darkslategrey
}
h2.h2_rating {  
  font-family: FuturisC, Verdana, Arial, Helvetica, sans-serif;
  background-color: transparent;
  width: 90%;
  color: darkslategrey
}
table.table_rating {
  width: 90%;
}
thead.thead_rating {
  border-right: solid 1px white;
  background-color: #64b5f6;
  color: #fafafa;
  width: 100%;
  font-family: FuturisC, Verdana, Arial, Helvetica, sans-serif;
}
tbody.tbody_rating {
  border-collapse: collapse;
  border-bottom: 1px solid darkgray;
  width: 100%;
  font-family: FuturisC, Verdana, Arial, Helvetica, sans-serif;
}
tbody.tbody_rating tr:hover td {
  background-color: #e3f2fd;
  border-right: solid 1px #ddd;
  border-bottom: solid 1px #ddd;
}
th.th_rating {
  padding: 15px;
  border-right: solid 1px #ddd;
  border-bottom: solid 1px #ddd;
  background-color: #0097A7;
  color: #fafafa;
  font-family: FuturisC, Verdana, Arial, Helvetica, sans-serif;
}
td.td_rating_text {
  padding: 5px;
  border-bottom: 1px solid #ddd;
  border-right: 1px solid #ddd;
}
td.td_rating_number {
  padding: 5px;
  border-bottom: 1px solid #ddd;
  border-right: 1px solid #ddd;
  text-align: center;
}
td.sport_index {
  padding: 5px;
  border-bottom: solid 1px #ddd;
  border-right: solid 1px #ddd;
  text-align: center;
}
div.wins:hover, div.goals_plus:hover, div.goals_minus:hover {
  display: inline-block; 
  background-color:orange;
}
div.wins {
  display: inline-block; 
  background-color: greenyellow;
  margin-left: 5px;
  width: 10px;
  vertical-align:middle;
}
div.goals_plus {
  display: inline-block; 
  background-color: greenyellow;
  margin-left: 5px;
  width: 10px;
  vertical-align:middle;
}
div.goals_minus {
  display: inline-block; 
  background-color: tomato;
  margin-left: 5px;
  width: 10px;
  vertical-align:middle;
}