.myButton 
{ cursor:pointer;
  background-color: #1E90FF;	
  color:white;  font-family:arial; font-size:15px; font-weight:bold;
  border-radius:6px;  display:inline-block;
  padding:6px 24px; text-decoration:none; 
}
.myButton:hover {
 color: white ;  background-color: #0000CD; }
.myButton:active {
position:relative;
	top:1px;
}
.myButton:disabled { background-color: #cccccc; } 


.myButton2
{ cursor:pointer;
  background-color:#fb9e25;
  color:#ffffff; font-family:arial; font-size:15px; font-weight:bold;
  border-radius:6px; display:inline-block;
  padding:6px 24px; text-decoration:none;
}
.myButton2:hover {
 color: white; background-color: #B45F04; }
.myButton2:active { 
position:relative;
 top:1px;
}
.myButton2:disabled { background-color: #cccccc; } 


.myGreenButton 
{ cursor:pointer;
  background-color: #084227;	
  color:white; font-family:arial; font-size:15px; font-weight:bold;
  border-radius:6px; display:inline-block;
  padding:6px 24px; text-decoration:none; 
}
.myGreenButton:hover {
 color: white ;  background-color: #4c8f5e; }
.myGreenButton:active {
position:relative;
 top:1px;
}
.myGreenButton:disabled { background-color: #cccccc; } 


.myBrownButton 
{ cursor:pointer;
  background-color: #b36b00;	
  color:white;  font-family:arial; font-size:15px; font-weight:bold;
  border-radius:6px; display:inline-block;
  padding:6px 24px; text-decoration:none; 
}
.myBrownButton:hover { color: white; background-color: #ff9900; }
.myBrownButton:active {
 position:relative; top:1px;
}
.myBrownButton:disabled { background-color: #cccccc; } 


.myPurpleButton 
{ cursor:pointer;
  background-color: #666699;	
  color:white;  font-family:arial; font-size:15px; font-weight:bold;
  border-radius:6px; display:inline-block;
  padding:6px 24px; text-decoration:none; 
}
.myPurpleButton:hover {
 color: white ;  background-color: #b3b3cc; }
.myPurpleButton:active {
position:relative; top:1px;
}
.myPurpleButton:disabled { background-color: #cccccc; } 


.myRedButton 
{ cursor:pointer;
  background-color: #941841;	
  color:white;  font-family:arial; font-size:15px; font-weight:bold;
  border-radius:6px; display:inline-block;
  padding:6px 24px; text-decoration:none; 
}
.myRedButton:hover { color: white; background-color: #db70b8; }
.myRedButton:active {
position:relative;
	top:1px;
}
.myRedButton:disabled { background-color: #cccccc; } 


.myGoldButton 
{ cursor:pointer;
  background-color:  #d4af37;
  color:white;  font-family:arial; font-size:15px; font-weight:bold;
  border-radius:6px; display:inline-block;
  padding:6px 24px; text-decoration:none; 
}
.myGoldButton:hover { color: white; background-color: #fcc201; }
.myGoldButton:active {
position:relative;
	top:1px;
}
.myGoldButton:disabled { background-color: #cccccc; } 

.myGreyButton 
{ cursor:pointer;
  background-color:  #5A5A5A;
  color:white;  font-family:arial; font-size:15px; font-weight:bold;
  border-radius:6px; display:inline-block;
  padding:6px 24px; text-decoration:none; 
}
.myGreyButton:hover { color: white; background-color: #949494; }
.myGreyButton:active {
position:relative;
	top:1px;
}
.myGreyButton:disabled { background-color: #cccccc; }