/* Google-styled buttons
* http://pixify.com/blog/use-google-plus-to-improve-your-ui/
*/


a.button, b.button{
/*  background: #17468F;
  color: #F59D15;
  padding: 0.3em 0.6em;*/
  color: #fff;
  text-decoration: none;
  display: inline-block;

  text-transform: uppercase;
  font-weight: bold;
  /*border: 1px solid #fff;*/
  transition: 0.1s;
}

#game-options a.button, b.button {

  outline: none;
  padding: 4px 12px;
  position: relative;
  display: inline-block;

  margin: 2px 5px;
}

a.button:hover {
        background: #5574a5;
}

a.button:active {
    color: #000;
    border-color: #444;
}

a.left {
    -webkit-border-top-right-radius: 0;
    -moz-border-radius-topright: 0;
    border-top-right-radius: 0;
    -webkit-border-bottom-right-radius: 0;
    -moz-border-radius-bottomright: 0;
    border-bottom-right-radius: 0;
    margin: 0;
}

a.middle {
    border-radius: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-left: solid 1px #f3f3f3;
    margin: 0;
    border-left: solid 1px rgba(255, 255, 255, 0);
}

a.middle:hover, a.right:hover { border-left: solid 1px #999 }

a.right {
    -webkit-border-top-left-radius: 0;
    -moz-border-radius-topleft: 0;
    border-top-left-radius: 0;
    -webkit-border-bottom-left-radius: 0;
    -moz-border-radius-bottomleft: 0;
    border-bottom-left-radius: 0;
    border-left: solid 1px #f3f3f3;
    border-left: solid 1px rgba(255, 255, 255, 0);
}