/* 

This file defines 2 classes:
	hollowButton
	solidButton
	
They're designed to work on <a>, <button> and <input> tags
they can be made to look disbaled by adding a class "disabled" to them in HTML

*/



/* BUTTON DIMENTIONS */

.hollowButton, 
.solidButton {

	display: inline-block;

	min-height: 44px; /* ?? spacing is different than submit inputs. not sure why */
	line-height: 44px; /* ?? this may be problematic for multi line */
	min-width: 148px;
	padding: 0;
	
	border-width: 2px;
	border-style: solid;
	border-radius: 4px;
	
	font-size: 12px;
	font-weight: bold;
	text-transform: uppercase;
	text-decoration: none;
	text-align: center;
	
	cursor: pointer;
	
}

.hollowButton.flat , 
.solidButton.flat {

	min-height: 20px; /* ?? spacing is different than submit inputs. not sure why */
	line-height: 20px; /* ?? this may be problematic for multi line */

}



/* BUTTON COLORING */

.hollowButton, 
.hollowButton:active, 
.hollowButton:visited, 
.hollowButton:link, 
.solidButton:hover {
	border-color: #2699FB;
	background-color: white;
	color: #2699FB;
}

.solidButton, 
.solidButton:active, 
.solidButton:visited, 
.solidButton:link, 
.hollowButton:hover {

	border-color: #2699FB;
	background-color: #2699FB;
	color: white;
	
}

.solidButton:disabled, 
.solidButton.disabled {

	border-color: #707070;
	background-color: #707070;
	color: white;
	
	cursor: default;
	
}

.hollowButton:disabled, 
.hollowButton.disabled {

	border-color: #707070;
	background-color: transparent;
	color: #707070;
	
	cursor: default;
	
}