.cssbutton{
/*background-color: #79afe1;*/   /* OK   */
/*background-color: #00aad0;  */  /* GOOD    */
background-color: #49C3DF;

/*background-color: #2A48EA;   NO NO        */
border: 1px #1E90FF outset;
padding: 1px 4px;
color: white;
text-decoration: none;
font: bold 90% "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, sans-serif;
/*
background-color: #8FBC8F;
border: 2px #1E90FF outset;
padding: 1px 4px;
color: white;
text-decoration: none;
font: bold 90% "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, sans-serif;*/

}



.cssbutton:hover{
border-style: inset;
background-color: #FAFAD2;     /*   yellowy cream        */
color: red;
padding: 2px 3px 0 5px; /*shift text 1px to the right and down*/
}

.cssbutton:active{
color: white;
}