/*
*  文件： buttons.css
*  创建： 2012-12-30 
*/
.button {
  color: white;
  cursor: pointer;
  display: inline-block;
  width: 104px;
  height: 36px;
  border: none;
  font: bold 14px/36px tahoma;
  text-align: center;
  background-color: transparent;
  background-image: url(button.png);
  background-repeat: no-repeat;
  background-position: 0px 0px;
}

.button:hover{
  color: white;
  background-position: 0 -36px;
}

.button_blue{
  color: white;
  border: none;
  cursor: pointer;
  display: inline-block;
  width: 104px;
  height: 36px;
  font: bold 14px/36px tahoma;
  text-align: center;
  vertical-align: middle;
  background-image: url(buttons.png);
  background-repeat: no-repeat;
  background-position: 0px 0px;
}
.button_blue:hover{
  color: white;
  background-position: 0 -36px;
}

.button_green{
  color: white;
  border: none;
  cursor: pointer;
  display: inline-block;
  width: 104px;
  height: 36px;
  font: bold 14px/36px tahoma;
  text-align: center;
  vertical-align: middle;
  background-image: url(buttons.png);
  background-repeat: no-repeat;
  background-position: -104px 0px;
}
.button_green:hover{
  color: white;
  background-position: -104px -36px;
}

.button_red{
  color: white;
  border: none;
  cursor: pointer;
  display: inline-block;
  width: 104px;
  height: 36px;
  font: bold 14px/36px tahoma;
  text-align: center;
  vertical-align: middle;
  background-image: url(buttons.png);
  background-repeat: no-repeat;
  background-position: -208px 0px;
}
.button_red:hover{
  color: white;
  background-position: -208px -36px;
}


.button_brown{
  color: white;
  border: none;
  cursor: pointer;
  display: inline-block;
  width: 104px;
  height: 36px;
  font: bold 14px/36px tahoma;
  text-align: center;
  vertical-align: middle;
  background-image: url(buttons.png);
  background-repeat: no-repeat;
  background-position: -312px 0px;
}
.button_brown:hover{
  color: white;
  background-position: -312px -36px;
}


.button_gray{
  color: white;
  border: none;
  cursor: pointer;
  display: inline-block;
  width: 104px;
  height: 36px;
  font: bold 14px/36px tahoma;
  text-align: center;
  vertical-align: middle;
  background-image: url(buttons.png);
  background-repeat: no-repeat;
  background-position: -416px 0px;
}
.button_gray:hover{
  color: white;
  background-position: -416px -36px;
}