.phs-button {
  background-color: transparent;
  background-repeat: no-repeat;
  background-attachment: scroll;
  background-position: center center;

  cursor:pointer;
  display:block;
  color:#363636;
  font-size:13px;
  font-style:normal;
  font-variant:normal;
  font-weight:bold;
  line-height:1.231;
}

.phs-button div {
  margin:0;
}

.button-link {
  display:inline-block;
}

a.phs-button, .phs-button, .button-link {
  text-decoration:none;
}

.phs-button, .phs-button:active, .phs-button:visited, .phs-button:focus {
  outline-style: none; outline-width:0;
}

button.phs-button {
  border:none;
}

.phs-button:hover .gray-button-text,
a.button-link:hover .gray-button-text {
  color:#ffffbe;
}

.phs-button.largest {
  width: 467px;
  height: 45px;
  background-image: url(/images/general/largest-button---up.png);
  background-repeat: no-repeat;
  background-attachment: scroll;
  background-position: center center;
}
.phs-button.largest:active {
  background-image:url(/images/general/largest-button---down.png);
  background-repeat: no-repeat;
  background-attachment: scroll;
  background-position: center center;
}
.largest .gray-button-text {
  margin: 0;
  width: 467px;
  height: 45px;
  line-height: 45px;
  text-align:center;
  font-size:13pt;
  background:transparent;
}

.phs-button.large {
  width: 162px;
  height: 65px;
  background-image: url(/images/general/large-button---up.jpg);
  background-repeat: no-repeat;
  background-attachment: scroll;
  background-position: center center;
}
.phs-button.large:active {
  background-image:url(/images/general/large-button---down.png);
  background-repeat: no-repeat;
  background-attachment: scroll;
  background-position: center center;
}
.large .gray-button-text {
  margin:0 auto;
  width: 146px;
  height: 65px;
  line-height: 65px;
  text-align:center;
  background:transparent;
}

.phs-button.small {
  width: 78px;
  height: 36px;
  background-image:url(/images/general/small-button---up.jpg);
  background-repeat: no-repeat;
  background-attachment: scroll;
  background-position: center center;
}
.phs-button.small:active {
  background-image:url(/images/general/small-button---down.png);
  background-repeat: no-repeat;
  background-attachment: scroll;
  background-position: center center;
}
.small .gray-button-text {
  margin: 0;
  height: 36px;
  line-height: 36px;
  text-align:center;
  background:transparent;
}
button.small .gray-button-text {
  line-height: 34px; /* TODO Why can't this be 36? */
}

/* 

Styling for new buttons helper

.button{
  position: relative; 
  text-align:center; 
  overflow:visible; 
  text-align:center;
}

.button.large{
  height: 37px; 
  width: 134px; 
  top:14px; 
  left: 14px; 
  margin: 14px;
}

.button-text-container{
  position: absolute; 
  z-index: 10; 
  cursor:pointer; 
  left:0; 
  top:0; 
}

.button-text-container.large{
  height: 37px; 
  width: 134px; 
}

.button-text{
  font-weight: bold; 
}

.button-text.large{
  line-height:37px; 
}

.mouseup-img{
  position: absolute; 
  left:0; 
  top:0;
}

.mousedown-img{
  position: absolute; 
  display:none;
}

.mousedown-img.large{
  left:-14px; 
  top:-14px; 
}

*/