/* Style voor buttons */

.btn
{
	display: inline-block;
	font-family: "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; 
	text-decoration: none !important;
	*display: inline;	
	padding: 9px 22px;
	margin-bottom: 0;
	*margin-left: .3em;
	font-size: 18px;
	line-height: 20px;
	*line-height: 20px;
	color:#424242;
	text-align: center;
	text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
	vertical-align: middle;
	cursor: pointer;
	margin:12px 0 12px 0;
	 
	*zoom: 1;
	background-image: url('http://www.appmachine.com/wp-content/themes/appmachinenew/gradients/yellow-button-gradient.svg');
	background-size: 100% 100%;
	background-repeat: repeat-x;
	background-position: 0 0;
	background-color:#ffb400;
	background-image:-moz-linear-gradient(top, #ffd100 0% ,#ffb400 100%);
	background-image:linear-gradient(top, #ffd100 0% ,#ffb400 100%);
	background-image:-webkit-linear-gradient(top, #ffd100 0% ,#ffb400 100%);
	background-image:-o-linear-gradient(top, #ffd100 0% ,#ffb400 100%);
	background-image:-ms-linear-gradient(top, #ffd100 0% ,#ffb400 100%);
	background-image:-webkit-gradient(linear, right top, right bottom, color-stop(0%,#ffd100),color-stop(100%,#ffb400));
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffd100', endColorstr='#ffb400',GradientType=0 );
	
	border: 2px solid #ffffff;
	*border: 0;
	border-color: #ffffff;
	-webkit-border-radius: 27px;
	   -moz-border-radius: 27px;
	        border-radius: 27px;
	 
	behavior: url('/PIE/PIE.htc');

	*zoom: 1;
	-webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 3px rgba(0, 0, 0, 0.5);
	   -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 3px rgba(0, 0, 0, 0.5);
	   	    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 3px rgba(0, 0, 0, 0.5);
	
}

.btn:hover {
  	text-decoration: none;
  	/* Buttons in IE7 don't get borders, so darken on hover */
  	background-position: 0 -15px;
  	-webkit-transition: background-position 0.1s linear;
  	   -moz-transition: background-position 0.1s linear;
  	     -o-transition: background-position 0.1s linear;
  	        transition: background-position 0.1s linear;
  	
}

.gray
{
	display: inline-block;
	font-family: "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; 
	text-decoration: none !important;
	*display: inline;	
	padding: 9px 22px;
	margin-bottom: 0;
	*margin-left: .3em;
	font-size: 18px;
	line-height: 20px;
	*line-height: 20px;
	color:#424242;
	text-align: center;
	text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
	vertical-align: middle;
	cursor: pointer;
	margin:12px 0 12px 0;
	 
	*zoom: 1;
	background-image: url('http://www.appmachine.com/wp-content/themes/appmachinenew/gradients/gray-button-gradient.svg');
	background-size: 100% 100%;
	background-repeat: repeat-x;
	background-position: 0 0;
	background-color:#E6E6E6;
	background-image:-moz-linear-gradient(top, #f6f6f6 0% ,#E6E6E6 100%);
	background-image:linear-gradient(top, #f6f6f6 0% ,#E6E6E6 100%);
	background-image:-webkit-linear-gradient(top, #f6f6f6 0% ,#E6E6E6 100%);
	background-image:-o-linear-gradient(top, #f6f6f6 0% ,#E6E6E6 100%);
	background-image:-ms-linear-gradient(top, #f6f6f6 0% ,#E6E6E6 100%);
	background-image:-webkit-gradient(linear, right top, right bottom, color-stop(0%,#f6f6f6),color-stop(100%,#E6E6E6));
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f6f6f6', endColorstr='#E6E6E6',GradientType=0 );
		
	border: 2px solid #ffffff;
	*border: 0;
	border-color: #ffffff;
	-webkit-border-radius: 27px;
	   -moz-border-radius: 27px;
	        border-radius: 27px;
	 
	behavior: url('/PIE/PIE.htc');

	*zoom: 1;
	-webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 3px rgba(0, 0, 0, 0.5);
	   -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 3px rgba(0, 0, 0, 0.5);
	   	    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 3px rgba(0, 0, 0, 0.5);
	
}

.btn-small { padding: 6px 16px; font-size: 14px; -webkit-border-radius: 18px; -moz-border-radius: 18px; border-radius: 18px;}
.btn-large { padding: 12px 28px; font-size: 22px; -webkit-border-radius: 36px; -moz-border-radius: 36px; border-radius: 36px; }