/* 30px Gray Gradient 3-State Button */
.button-gray-gradient-30,
.button-gray-gradient-30:visited,
.button-gray-gradient-30 span.edge {
  background: url(/images/css/sprites/buttons/gray_gradient_30.png);
  height: 27px;
  font-size: 16px;
  font-weight: bold;
  text-align: center;
}
.button-gray-gradient-30,
.button-gray-gradient-30:visited {
  color: #013397 !important;
  padding: 3px 15px;
  padding-bottom: 0px;
}
.button-gray-gradient-30:active,
button.button:active .button-gray-gradient-30 {
  padding-top: 4px;
  height: 26px;
}
.button-gray-gradient-30 span.edge {
  height: 30px;
  width: 3px;
}
.button-gray-gradient-30:hover {
  background-position: 0% 50%;
}
.button-gray-gradient-30 img {
  position: absolute;
  left: 10px;
  top: -4px;
}



/* 30px Orange Gradient 3-State Button */
.button-orange-gradient-30,
.button-orange-gradient-30:visited,
.button-orange-gradient-30 span.edge {
  background: url(/images/css/sprites/buttons/orange_gradient_30.png);
  height: 27px;
  font-size: 16px;
  font-weight: bold;
  text-align: center;
}
.button-orange-gradient-30,
.button-orange-gradient-30:visited {
  color: #013397 !important;
  padding: 3px 15px;
  padding-bottom: 0px;
}
.button-orange-gradient-30:active,
button.button:active .button-orange-gradient-30 {
  padding-top: 4px;
  height: 26px;
}
.button-orange-gradient-30 span.edge {
  height: 30px;
  width: 3px;
}
.button-orange-gradient-30:hover {
  background-position: 0% 50%;
}
.button-orange-gradient-30 img {
  position: absolute;
  left: 10px;
  top: -4px;
}



/* 17px Blue Border Gray Gradient Button */
.button-blue-gray-gradient-17,
.button-blue-gray-gradient-17:visited,
.button-blue-gray-gradient-17 span.edge {
  background: url(/images/css/sprites/buttons/blue_gray_gradient_17.png);
  height: 17px;
  font-size: 11px;
}
.button-blue-gray-gradient-17,
.button-blue-gray-gradient-17:visited {
  color: #000 !important;
  padding: 0px 22px;
  padding-bottom: 0px;
  margin-top: -1px;
}
.button-blue-gray-gradient-17:active,
button.button:active .button-blue-gray-gradient-17 {
  padding-top: 1px;
  height: 16px;
}
.button-blue-gray-gradient-17 span.edge {
  height: 17px;
  width: 3px;
}


/* 25px Gray Gradient Button */
.button-gray-gradient-25,
.button-gray-gradient-25:visited,
.button-gray-gradient-25 span.edge {
  background: url(/images/css/sprites/buttons/gray_gradient_25.png);
  height: 21px;
  font-size: 12px;
}
.button-gray-gradient-25,
.button-gray-gradient-25:visited {
  color: #333 !important;
  padding: 4px 5px;
  padding-bottom: 0px;
}
.button-gray-gradient-25:active,
button.button:active .button-gray-gradient-25 {
  padding-top: 5px;
  height: 20px;
}
.button-gray-gradient-25 span.edge {
  height: 25px;
  width: 4px;
}


/* 18px Gray Gradient Button */
.button-gray-gradient-18,
.button-gray-gradient-18:visited,
.button-gray-gradient-18 span.edge {
  background: url(/images/css/sprites/buttons/gray_gradient_18.png);
  height: 18px;
  font-size: 12px;
  font-weight: bold;
}
.button-gray-gradient-18,
.button-gray-gradient-18:visited {
  color: #36c !important;
  padding: 0px 9px;
  padding-bottom: 0px;
  margin-top: -1px;
}
.button-gray-gradient-18 img {
  margin-top: -1px;
}
.button-gray-gradient-18:active,
button.button:active .button-gray-gradient-18 {
  padding-top: 1px;
  height: 17px;
}
.button-gray-gradient-18 span.edge {
  height: 18px;
  width: 4px;
}



/* 25px Orange Gradient Button */
.button-orange-gradient-25,
.button-orange-gradient-25:visited,
.button-orange-gradient-25 span.edge {
  background: url(/images/css/sprites/buttons/orange_gradient_25.png);
  height: 23px;
  font-size: 13px;
  font-weight: bold;
  text-shadow: 2px 2px 1px #a3692a;
}
.button-orange-gradient-25,
.button-orange-gradient-25:visited {
  color: #fff !important;
  padding: 2px 10px;
  padding-bottom: 0px;
}
.button-orange-gradient-25:active,
button.button:active .button-orange-gradient-25 {
  padding-top: 3px;
  height: 22px;
  text-shadow: 1px 1px 2px #a3692a;
}
.button-orange-gradient-25 span.edge {
  height: 25px;
  width: 5px;
}



/* 34px Orange Gradient Button */
.button-orange-gradient-34,
.button-orange-gradient-34:visited,
.button-orange-gradient-34 span.edge {
  background: url(/images/css/sprites/buttons/orange_gradient_34.png);
  height: 30px;
  font-size: 17px;
  font-weight: bold;
}
.button-orange-gradient-34,
.button-orange-gradient-34:visited {
  color: #333 !important;
  padding: 4px 18px 0px 18px;
}
.button-orange-gradient-34 span.edge {
  height: 34px;
  width: 10px;
}
.button-orange-gradient-34:active,
button.button:active .button-orange-gradient-34 {
  padding-top: 5px;
  height: 29px;
}



/* 33px Orange Arrow Button w/Shadow*/
.button-orange-gradient-arrow-33,
.button-orange-gradient-arrow-33,
.button-orange-gradient-arrow-33 span.edge {
  background: url(/images/css/sprites/buttons/orange_gradient_arrow_33.png);
  height: 30px;
  font-size: 17px;
  font-weight: bold;
  text-shadow: 2px 2px 1px #d98419;
}
.button-orange-gradient-arrow-33,
.button-orange-gradient-arrow-33:visited {
  color: #fff !important;
  padding: 3px 27px 0px 18px;
}
.button-orange-gradient-arrow-33 span.edge {
  height: 33px;
  width: 22px;
}
.button-orange-gradient-arrow-33:active,
button.button:active .button-orange-gradient-arrow-33 {
  padding-top: 4px;
  height: 29px;
  text-shadow: 1px 1px 2px #d98419;
}

/* IE hacks for grey submit buttons */
.button-gray-gradient-18,
.button-gray-gradient-18:visited,
.button-blue-gray-gradient-17,
.button-blue-gray-gradient-17:visited {
  margin-top: 0px\9;
  _font-size: 10px;
}

/* Submit buttons */
button.button {
  border: none;
  background: none;
  cursor: pointer;
  padding-right: 0px;
  _margin-top: 3px;
}

/* Common CSS for all buttons */
.button,
.button:active,
.button span.edge {
  position: relative;
  display: -moz-inline-stack;
  display: inline-block;
  zoom: 1;
  *display: inline;
  outline: none;
  white-space: nowrap;
  text-decoration: none !important;
  line-height: 160%;
}

.button,
.button:visited {
  outline: none;
  text-decoration: none;
  vertical-align: middle;
  *vertical-align: absmiddle;
}

.button span.edge {
  font-size: 0px;
  position: absolute;
  top: 0px;
  /* -1px right position to fix IE6/iPhone visual bug */
  right: -1px;
  background-position: top right;
  padding: 0px;
}

.button img {
  vertical-align: middle;
}

.button:active,
button.button:active .button {
  background-position: bottom left;
}
.button:active span.edge,
button.button:active .button span.edge {
  background-position: bottom right;
}