input {
  paddng:    10px;
  font-size:  18px;
}

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

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

select {
  padding:  5px 10px;
  font-size:  18px;
  height:    40px;
}

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 0 0 1em;
  padding:  0;
}

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;
  height:    25px;
  line-height:25px;
}
  

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:    47%;
}

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

ul[class^="sm"] input[type="radio"]:checked + label {
background-image:-webkit-gradient(linear, left top, left bottom, color-stop(0, #9a8f55), color-stop(1, #ab9f5f));
background-color:#fff;
color:#fff;
text-shadow:0 1px #3c3a32;
-webkit-box-shadow:inset 1px 1px 3px #3e3a21;
box-shadow:inset 1px 1px 3px #3e3a21;
border:1px solid #fff8d5;
}


#form td.back_color {
background-color:#fff;
}
