/* All styles here should be themable in the future */

button.submitBtn, div.submitBtn, a.submitBtn {
  border: 1px solid #D90000;
  cursor:pointer;
  font-weight:bold;
  padding:0 25px 0 0;
  text-align:center;
  font-size:14px;
  cursor: pointer;
  height: 33px;
  /*border-radius: 6px 6px 6px 6px;*/
  background-color: #f85d42;
  background-image: -moz-linear-gradient(center top , #FF0000, #f85d42); -webkit-gradient(linear, 0 0, 0 100%, from(#FF0000), to(#f85d42));
  border: 1px solid #D90000;
  background-repeat: no-repeat;
  box-shadow: 0 1px 1px rgba(32, 32, 32, 0.8), 0 12px 14px -4px rgba(255, 255, 255, 0.5) inset;
}

button.secondaryBtn,  div.secondaryBtn, a.secondaryBtn { 
  border: 1px solid #C0C0C0;
  cursor:pointer; 
  font-weight:bold; 
  padding:0 25px 0 0; 
  text-align:center; 
  font-size:14px;
  cursor: pointer;
  height: 33px;
  /*border-radius: 6px 6px 6px 6px;*/
  background-color: #FFF;
  background-image: -moz-linear-gradient(center top , #d2d2d2, #FFF); -webkit-gradient(linear, 0 0, 0 100%, from(#f0f0f0), to(#C0C0C0));
  border: 1px solid #C0C0C0;
  background-repeat: no-repeat;
  box-shadow: 0 1px 1px rgba(32, 32, 32, 0.8), 0 12px 14px -4px rgba(255, 255, 255, 0.5) inset;
  -webkit-box-shadow: 0px 1px 1px rgba(32, 32, 32, 0.8), 0 12px 14px -4px rgba(255, 255, 255, 0.5) inset;
  -moz-box-shadow: 0px 1px 1px rgba(32, 32, 32, 0.8), 0 12px 14px -4px rgba(255, 255, 255, 0.5) inset;
}

button.submitBtn span, button.secondaryBtn span, div.submitBtn span, div.secondaryBtn span, a.submitBtn span, a.secondaryBtn span { 
  position:relative; 
  display:block; 
  white-space:nowrap; 
  padding:0 0 0 25px; 
}

button.submitBtn span, div.submitBtn span, a.submitBtn span { 
  color:#fff!important; /* override *: color selector */
}

div.submitBtn, div.secondaryBtn, a.secondaryBtn { width: 250px; position: relative; padding-right: 22px; }

/*Primary buttons*/
button.submitBtn, div.submitBtn, a.submitBtn { 
  background-position: right -33px;
}
button.submitBtn span, div.submitBtn span, a.submitBtn span { 
  background-position: left -33px;
}
button.submitBtn:hover, div.submitBtn:hover, a.submitBtn:hover {
  background-position: right 0px;
  text-decoration: none;
  -moz-box-shadow: 0 1px 4px rgba(32, 32, 32, 0.4), 0 10px 25px -5px rgba(255, 255, 255, 0.3) inset;
  -webkit-box-shadow: 0 1px 4px rgba(32, 32, 32, 0.4), 0 10px 25px -5px rgba(255, 255, 255, 0.3) inset;
  box-shadow: 0 1px 4px rgba(32, 32, 32, 0.4), 0 10px 25px -5px rgba(255, 255, 255, 0.3) inset;
  -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#000000')";
  filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#000000');
  text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2);
  -webkit-transition: background-position 0.1s linear;
  -moz-transition: background-position 0.1s linear;
  -ms-transition: background-position 0.1s linear;
  -o-transition: background-position 0.1s linear;
  transition: background-position 0.1s linear;
}

/*Secondary buttons*/
button.secondaryBtn, div.secondaryBtn, a.secondaryBtn { 
  background-position: right -99px;
}
button.secondaryBtn span, div.secondaryBtn span, a.secondaryBtn span { 
  background-position: left -99px;
}
button.secondaryBtn:hover, div.secondaryBtn:hover, a.secondaryBtn:hover {
  background-position: right -66px;
  text-decoration: none;
  background-color: #f0f0f0;
  *background-color: #c0c0c0;
  -moz-box-shadow: 0 1px 4px rgba(32, 32, 32, 0.4), 0 10px 25px -5px rgba(255, 255, 255, 0.3) inset;
  -webkit-box-shadow: 0 1px 4px rgba(32, 32, 32, 0.4), 0 10px 25px -5px rgba(255, 255, 255, 0.3) inset;
  box-shadow: 0 1px 4px rgba(32, 32, 32, 0.4), 0 10px 25px -5px rgba(255, 255, 255, 0.3) inset;
  -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#000000')";
  filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#000000');
  text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2);
  -webkit-transition: background-position 0.1s linear;
  -moz-transition: background-position 0.1s linear;
  -ms-transition: background-position 0.1s linear;
  -o-transition: background-position 0.1s linear;
  transition: background-position 0.1s linear;
  -moz-box-shadow: 0px 1px 4px rgba(32, 32, 32, 0.2), 0 10px 25px -5px rgba(255, 255, 255, 0.4) inset;
  -webkit-box-shadow: 0px 1px 4px rgba(32, 32, 32, 0.2), 0 10px 25px -5px rgba(255, 255, 255, 0.4) inset;
  box-shadow: 0px 1px 4px rgba(32, 32, 32, 0.2), 0 10px 25px -5px rgba(255, 255, 255, 0.4) inset;
}
button.secondaryBtn:hover span, div.secondaryBtn:hover span, a.secondaryBtn:hover span {
  background-position: left -66px;
}




/*Fixed IE Buttons*/
a.submitBtn, a.secondaryBtn {
    display: block;
    text-decoration: none;
    margin-left: auto;
    margin-right: auto;
}

/* in gecko, pull span up a pixel when inside a button*/
@-moz-document url-prefix(){
    button span { margin-top: -2px; } 
}

/* IE BUTTONS ----------
///////////////// */

#ie7 button { 
  width:auto; 
  overflow:visible; 
margin-right: 20px;

}
#ie7 button span { 
  margin-top:0px; 
padding-right: 8px;
margin-right: 4px;
}

/* SPECIFIC BUTTON WIDTH */
a#upgradeAccount {
    width: 239px;
}


/* New NonSucky Buttons */
a.newbutton {
    background: transparent url('../images/buttons-all.png') no-repeat scroll right -260px;
    color: #FFF;
    display: block;
    floatloat: left;
    font: bold 14px arial, sans-serif;
    height: 32px;
    margin-right: 6px;
    padding-right: 18px;
    text-decoration: none;
}

a.newbutton span {
    background: transparent url('../images/buttons-all.png') no-repeat left -52px;
    display: block;
    line-height: 18px;
    padding: 7px 0 7px 18px;
}

a.newbutton:hover {
    background-position: right -208px;
    outline: none;
}

a.newbutton:hover span {
    background-position: top left;
}

a.grey {
    background-position: right -364px;
    color: #494949;
}

a.grey span {
    background-position: left -156px;
}

a.grey:hover {
    background-position: right -312px;
}

a.grey:hover span {
    background-position: left -104px;
}