/*========== */
input {
  font-size:  18px;
}

input[type="radio"] {
  width:    auto;
  font-size:  18px;
}

input[type="image"] {
  margin-top:-10px;
}

input[type="text"] {
  width:    auto;
  font-size:  18px;
  height:    40px;
  border-radius:      5px;
  -webkit-border-radius:  5px;
  margin:0;
  padding:0;
}

select {
  font-size:  18px;
  height:    30px;
  margin:0;
  padding:0;
}

input[type="submit"] {
  padding:  10px 20px;
  border:    1px solid #ffffff;
  width:    auto;
  font-size:  20px;
  border-radius:      5px;
  -webkit-border-radius:  5px;
  box-shadow:      0 0 3px #333333;
  -webkit-box-shadow:  0 0 3px #333333;
}

/* */
ul[class^="sm"] {
  margin:0 auto;
  padding:10px auto;
}

ul[class^="sm"] li {
  padding:  0;
  list-style:  none;
}

ul[class^="sm"]:after {
  content:  '';
  display:  block;
  clear:    both;
}

ul[class^="sm"] li:first-child label {
  border-radius: 5px 0 0 5px;
}

ul[class^="sm"] li label {
  display:    block;
  padding:    5px 8px;
  border-radius:  0;
  font-weight:  bold;
  text-align:    center;
  border-width:  1px;
  border-style:  solid;
border-color:#b0a08d;
background-color:#4c4f33;
}


ul[class^="sm"] li:last-child label {
  border-radius:  0 5px 5px 0;
}

ul[class^="sm"] input[type="radio"] {
  opacity:  0;
  position:  absolute;
  width:    50%;
  height:    40px;
  padding:  0;
}

ul.sm li {
  margin:    0;
  position:  relative;
  list-style:  none;
  float:    left;
  width:    50%;
background-color:#4c4f33;
}

ul.sm2 li {
  margin:    0;
  position:  relative;
  list-style:  none;
  float:    left;
  text-align:  center;
  width:    25%;
}

/**/
ul[class^="sm"] input[type="radio"]:checked + label {
background-image:-webkit-gradient(linear, left top, left bottom, color-stop(0, #f9d865), color-stop(1, #f9d865));
background-color:#f9d865;
color:#2d361d;
text-shadow:0 1px 0 #ffffff;
-webkit-box-shadow:inset 1px 1px 3px #0b0802;
box-shadow:inset 1px 1px 3px #0b0802;
border:solid 1px #beb49d;
}

li{list-style-type:none;}