a.button, button.button {

  /* Layout */
  display:               inline;
  display:               -moz-inline-stack;
  display:               inline-block;
  zoom:                  1;
  margin:                5px 5px 5px 5px;
  padding:               5px 8px 5px 8px;   /* Links */
  width:                 auto !important;
  min-width:             35px;
  min-width:             20px\9/* IE7+ */;
  
  /* Border */
  border-width:  1px !important;
  border-style:  solid !important;

  /* Font */
  font-family:"Arial";
  font-size:100%;
  line-height:130%;
  text-decoration:none;
  font-weight:bold;
  cursor:pointer;
  
  /* Radius */    
  -moz-border-radius:    4px;
  -webkit-border-radius: 4px;
  -khtml-border-radius:  4px;
  border-radius:         4px;    
  
  /* Box Shadow */
  -moz-box-shadow:    0 1px 3px black;
  -webkit-box-shadow: 0 1px 3px black;
  box-shadow:         0 1px 3px black;    

  /* Transitions */
  -webkit-transition: -webkit-transform .1s ease-in-out;
  -moz-transition: -moz-transform .1s ease-in-out;
  -o-transition: -o-transform .1s ease-in-out;
  transition: transform .1s ease-in-out;   
  
}

button.button{
  width:auto;
  overflow:visible;
  padding:4px 10px 3px 7px;   /* IE6 */
}

button[type].button{
  padding:   4px 8px 4px 8px;   /* Firefox */
  padding:   5px 8px 5px 8px\9; /* IE8 */    
  *padding:  3px 8px 3px 8px;   /* IE7 */      
  line-height:17px;              /* Safari */

}


button.button img, a.button img{
  margin:0 3px -3px 0 !important;
  padding:0;
  border:none;
  width:16px;
  height:16px;
  float:none;
}

/* == Colors Standard ========= */
button.button, a.button{

  /* Color */
  color:       #2F2F2F;  

  /* Text Shadow */  
  text-shadow: 1px 1px 1px white;
  
  /* Border */  
  border-color:        #BFBFBF;
  border-bottom-color: #9F9F9F;
  border-right-color:  #9F9F9F;
    
  /* Background */
  background: #DBDBDB;  
  background: -moz-linear-gradient(top, #EBEBEB 0%, #DBDBDB 46%, #B1B1B1 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#EBEBEB), color-stop(46%,#DBDBDB), color-stop(100%,#B1B1B1));  

}

a.button:hover, button.button:hover {
  background: #B1B1B1;
}

a.button:active , button.button:active{
  background: #8F8F8F;
}

/* == Colors Positive ========= */
button.positive , a.positive{

  /* Color */
  color:       white;  
  
  /* Text Shadow */  
  text-shadow: 1px 1px 1px black;
  
  /* Border */    
  border-color:        #3B8616;
  border-bottom-color: #1D3F0C;
  border-right-color:  #1D3F0C;
  
  /* Background */
  background: #3B8616;
  background: -moz-linear-gradient(top, #6BB646 0%, #3B8616 47%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#6BB646), color-stop(47%,#3B8616));
    
}

a.positive:hover, button.positive:hover {
  background: #2B5F12;
}

a.positive:active , button.positive:active{
  background: #1D3F0C;
}

/* == Colors Negative ========= */
button.negative ,a.negative{

  /* Color */
  color:       white;  

  /* Text Shadow */  
  text-shadow: 1px 1px 1px black;

  /* Border */    
  border-color:        #DB1411;
  border-bottom-color: #8F0C08;
  border-right-color:  #8F0C08;    

  /* Background */
  background: #DB1411;  
  background: -moz-linear-gradient(top, #F27646 0%, #DB1411 47%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#F27646), color-stop(47%,#DB1411));


}

a.negative:hover, button.negative:hover {
  background: #AF0E0A;
}

a.negative:active , button.negative:active{
  background: #8F0C08;
}

/* == Colors Neutral ========= */
button.neutral ,a.neutral{

  /* Color */
  color:       white;  

  /* Text Shadow */  
  text-shadow: 1px 1px 1px black;

  /* Border */    
  border-color:        #5F9BDA;
  border-bottom-color: #35628F;
  border-right-color:  #35628F;   

  /* Background */  
  background: #35628F; 
  background: -moz-linear-gradient(top, #6999C6 26%, #35628F 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(26%,#6999C6), color-stop(100%,#35628F));
 

}
a.neutral:hover, button.neutral:hover {
   background: #294C6F;
}

a.neutral:active , button.neutral:active{
   background: #1D364F;
}

/* == Hover ================ */
a.button:hover:not([disabled]),
button:hover:not([disabled]){
  -moz-transform:    scale(1.1);
  -webkit-transform: scale(1.1);
  -o-transform:      scale(1.1);
  transform:         scale(1.1);
}

/* == Active ================ */
a.button:active:not([disabled]),
button.button:active{
  -moz-transform:    scale(1.2);
  -webkit-transform: scale(1.2);
  -o-transform:      scale(1.2);
  transform:         scale(1.2);
}

/* == Disabled ============== */
.button[disabled] {
  opacity: 0.5;
  cursor: not-allowed;
}