.s_button {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.s_button div {
  border-top: 1px #bbb solid;
  border-left: 1px #ccc solid;
  border-right: 1px #ccc solid;
  border-bottom: 1px #ccc solid;
  display: inline-block;
  margin: 0px;
  padding: 5px 7px 5px 7px;
  cursor: pointer;
  font-weight: bold;
  font-size: 1em;
  text-shadow: none;
}
.s_button div.left {
  border-radius: 6px 0px 0px 6px;
  border-right: 0px;
}
.s_button div.right {
  border-radius: 0px 6px 6px 0px;
}
.s_button div.left.non-active,
.s_button div.right.non-active {
  background: #eee;
  color: #555;
}
.s_button div.left.active {
  color: white;
  background: #88cc2a;
  background: -moz-linear-gradient(top,#88cc2a 35%,#0b913e 100%);
  background: -webkit-gradient(linear,left top,left bottom,color-stop(35%,#88cc2a),color-stop(100%,#0b913e));
  background: -webkit-linear-gradient(top,#88cc2a 35%,#0b913e 100%);
  background: -o-linear-gradient(top,#88cc2a 35%,#0b913e 100%);
  background: -ms-linear-gradient(top,#88cc2a 35%,#0b913e 100%);
  background: linear-gradient(to bottom,#88cc2a 35%,#0b913e 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#88cc2a',endColorstr='#0b913e',GradientType=0);
}
.s_button div.right.active {
  color: white;
  background: #cccccc;
  background: -moz-linear-gradient(top,#cccccc 0%,#888888 31%,#555555 100%);
  background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#cccccc),color-stop(31%,#888888),color-stop(100%,#555555));
  background: -webkit-linear-gradient(top,#cccccc 0%,#888888 31%,#555555 100%);
  background: -o-linear-gradient(top,#cccccc 0%,#888888 31%,#555555 100%);
  background: -ms-linear-gradient(top,#cccccc 0%,#888888 31%,#555555 100%);
  background: linear-gradient(to bottom,#cccccc 0%,#888888 31%,#555555 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#cccccc',endColorstr='#555555',GradientType=0);
}