@charset "UTF-8";
.button { /*		<-- this is the base style for the buttons and should be the first class applied to the buttons */
	display: inline-block;
	cursor: pointer;
	color: #FFFFFF;									/* <-- you can change the padding around the buttons text here */
	text-decoration: none;
	padding-top: 10px;
	padding-right: 15px;
	padding-bottom: 10px;
	padding-left: 15px;
}
.button.button-banner {
	-moz-border-bottom-colors: none;
	-moz-border-left-colors: none;
	-moz-border-right-colors: none;
	-moz-border-top-colors: none;
	background-color: #197DB3; /* <-- the lighter color of the gradient goes here */
	background-image: -moz-linear-gradient(center top , #197DB3, #197DB3);
	/* ^-- ...(center top , #lighter color, #darker color); */
	background-repeat: repeat-x;
	border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
	border-radius: 4px 4px 4px 4px;
	border-style: solid;
	border-width: 1px;
	box-shadow: 0 1px 0 rgba(255, 255, 255, 0.2) inset, 0 1px 2px rgba(0, 0, 0, 0.05);
	text-align: center;
	vertical-align: middle;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 18px;
	font-weight: 700;
	color: #FFF;
	margin-bottom: 25px;
	margin-right: 25px;
}
.button.button-banner:hover {
	background-color: #197DB3;
	color: #FC3;
}