#flipbox {
  width: 680px;
  height: 570px;
  line-height: 15px;
  background-color: transparent;
  font-family: arial;
  font-size: 12px;
  color: #222;
  text-align: justify;
}
#flipPad {
  margin: 15px 0;
  width: 680px;
  text-align: center;
  background-color:transparent;
}
#flipPad a {
  padding: 5px 15px;
  background: #227910;
/*  border: 2px solid #227910;   */
  border-radius: 2px;
  color: #ffffff;
  font-weight: bold;
  text-decoration: none;
  font-size: 12px;;
  font-family: Arial;
  line-height: 20px;
  height: 20px;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  -moz-box-shadow: 1px 1px 2px #999999;
  -webkit-box-shadow: 1px 1px 2px #999999;
  -webkit-transition-duration: 1s;
  margin-left:12px;
}
#flipPad a:hover {
  background-color: #ff9000;
/*  border: 2px solid #ff9000; */
}
#flipPad .revert {
  background-color: #ff9000;
/*  border: 2px solid #ff9000;   */
  display: none;
}