.vkeyboard
{

  font-family: OpenSans;
	font-size: 26px;
	color: #4C4C4A;
	
	width: 100%;
	height: 44px; 
	
	padding-left: 6px;
	padding-right: 6px;
	
	border: none; 
	border-top: 0px solid white; 
	border-right: 0px solid white; 
	border-left: 0px solid white; 
	border-bottom: 1px solid #555555;
	
}

/* thanks to https://stackoverflow.com/questions/1457849/how-to-remove-the-border-highlight-on-an-input-text-element */
/* thanks to https://www.jotform.com/answers/471805-How-to-add-padding-on-the-left-in-a-textbox */
.vkeyboard:focus
{

  font-family: OpenSans;
	font-size: 26px;
	color: #4C4C4A;
	
	width: 100%;
	height: 44px; 
	
	padding-left: 6px;
	padding-right: 6px;
	
	outline-width: 0;

}

/* thanks to https://stackoverflow.com/questions/2883373/simple-css-text-wont-center-in-a-button */
.vkeyboard-password
{

  background-color: #1CACE1;
  color: #F4FFFF;
  font-family: Verdana;
	font-size: 15px;
	
	padding: 0px;

	border-top: 1px solid #057FD0; 
	border-right: 1px solid #057FD0;
	border-left: 1px solid #057FD0;
	border-bottom: 1px solid #057FD0;
  
}

.vkeyboard-ok
{

  background-color: #69A64C;
  color: #F4FFFF;
  font-family: Verdana;
	font-size: 15px;
	
	padding: 0px;

	border-top: 1px solid #3B6E22; 
	border-right: 1px solid #3B6E22;
	border-left: 1px solid #3B6E22;
	border-bottom: 1px solid #3B6E22;
  
}

.vkeyboard-cancel
{

  background-color: #D9382A;
  color: #F4FFFF;
  font-family: Verdana;
	font-size: 15px;
	
	padding: 0px;

	border-top: 1px solid #D02718; 
	border-right: 1px solid #D02718;
	border-left: 1px solid #D02718;
	border-bottom: 1px solid #D02718;
  
}