#main_content .button, #popup .button {
  display: inline-block;
  zoom: 1; /* zoom and *display = ie7 hack for display:inline-block */
  *display: inline;
  text-transform: uppercase;
  vertical-align: baseline;
  margin: 0 2px;
  outline: none;
  cursor: pointer;
  text-align: center;
  text-decoration: none;
  font-size: 14px;
  font-weight: bold;
  padding: 0 30px;
  /* text-shadow: 0 1px 1px rgba(0,0,0,.3); */
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  /* -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2); */
  /* -moz-box-shadow: 0 1px 2px rgba(0,0,0,.2); */
  /* box-shadow: 0 1px 2px rgba(0,0,0,.2); */
}
#main_content .button:hover, #popup .button:hover {
  text-decoration: none;
}
#main_content .button:active, #popup .button:active {
  /*position: relative;
  top: 1px;*/
}

#main_content .bigrounded, #popup .bigrounded {
  -webkit-border-radius: 2em;
  -moz-border-radius: 2em;
  border-radius: 2em;
}
#main_content .medium, #popup .medium {
  font-size: 14px;
  padding: 0 30px;
  height: 30px;
}
#main_content .small, #popup .small {
  font-size: 11px;
  padding: 1px 10px;
}

/* black */
#main_content .black, #popup .black {
  color: #FFFFFF;
  border: none;
  background: #333;
}

/* gray */
#main_content .gray, #popup .gray {
  color: #425b76;
  border: none;
  background: #b0c1d4;
}

/* white */
#main_content .white, #popup .white {
  color: #425b76;
  border: solid 1px #425b76;
  background: #ffffff;
}

/* orange */
#main_content .orange, #popup .orange {
  color: #fef4e9;
  border: none;
  background: #da7c0c;
}

/* red */
#main_content .red, #popup .red {
  color: #ffffff !important;
  border: none;
  background: #bf4a4a;
}

/* blue */
#main_content .blue, #popup .blue {
  color: #ffffff;
  border: none;
  background: #425b76;
}

/* green */
#main_content .green, #popup .green {
  color: #ffffff;
  border: none;
  background: #4dbd74;
}