/*----------------------------------------------------------------------------*/
/* DO NOT REMOVE THIS AUTHOR INFORMATION -------------------------------------*/
/*----------------------------------------------------------------------------*/
/*
  You can use this cool HTML Buttons for FREE. Please make a Link from your 
  Website to my Website: http://www.christiangoldbach.de 
  
  Recommend this Buttons and tell your friends!
*/  
/*----------------------------------------------------------------------------*/
/* (c) 2009 by Christian Goldbach --------------------------------------------*/
/*----------------------------------------------------------------------------*/

/*----------------------------------------------------------------------------*/
/*Default Button Colors for chameleon Button ---------------------------------*/
/*----------------------------------------------------------------------------*/
.chameleon-button, .chameleon-button span {
  background-color:       #00a2ff!important;  
}


/*----------------------------------------------------------------------------*/
/*User defined Colors --------------------------------------------------------*/
/*----------------------------------------------------------------------------*/
.color1, .color1 span {
  background-color:       #cc0000!important;  
}


.color2, .color2 span {
  background-color:       #00cc00!important;  
}


.color3, .color3 span {
  background-color:       #000000!important;  
  color:                  #fff!important;  
}
.color3 {
  background-color:       #000000!important;  
  color:                  #fff!important;  
  width:                  400px;
  text-align:             center;
}


/*----------------------------------------------------------------------------*/
/*Default Styles and Colors for chameleon Button -----------------------------*/
/*----------------------------------------------------------------------------*/
a.chameleon-button {
    background:           url('../images/button-shape.png') no-repeat scroll top right;
    font:                 normal 12px arial, sans-serif;
    color:                #000;
    text-decoration:      none;
    outline:              none; 
    margin-right:         6px;
    margin-top:           3px;
    padding-right:        15px; 
    height:               27px;
    display:              block;
    float:                left;
}
a.chameleon-button span {
    background:           url('../images/button-shape.png') no-repeat;
    line-height:          17px;
    padding:              5px 0 5px 15px;
    display:              block;
} 

/*MouseOver Style ------------------------------------------------------------*/
a.chameleon-button:hover {
    background-position:  right -27px;
    color:                #fff!important;
}
a.chameleon-button:hover span {
    background-position:  left -27px;
} 

/*MousePressed Style ---------------------------------------------------------*/
a.chameleon-button:active {
    background-position:  right -54px;
}
a.chameleon-button:active span {
    background-position:  left -54px;
    padding:              6px 0 4px 15px; 
}