body {
  font-family:       Georgia, "Times New Roman", Times, serif;
  font-size:         20px;
  font-weight:       bold;
}


a {
  color:             #333333;
  text-decoration:   none;
}


.fightArea {
  width:             60%;
  margin:            0 auto;
  margin-top:        50px;
  padding:           0;
  height:            150px;
}


#areaA {
  float:             left;
  width:             45%;
  cursor:            pointer;
}


#areaB {
  float:             left;
  width:             45%;
  cursor:            pointer;
}

.versus {
  display:           block;
  float:             left;
  width:             10%;
  text-align:        center;
  margin:            0;
  padding:           0;
  padding-top:       15px;
  font-size:         30px;
}

      
.holder {
  float:             left;
  display:           block;
  width:             100%;        
  margin:            0;
  margin-top:        10px;
  padding:           0;
}


.link {
  margin:            0;
  padding:           0;
}


#areaA .link {
  float:             right;
  text-align:        right;
}


.percentage {
  margin:            0;
  padding:           5px 0px 5px 0px;
  display:           block;
  width:             100%;
  text-align:        center;
}


#areaA .percentage {
  float:             right;
}


#areaB .percentage {
}      


.clearFloat {
  clear:             both;
}


.passArea {
  display:           block;
  width:             100%;
  text-align:        center;
  font-size:         15px;
}

.passLink:hover {
  font-size:         150%;
}