button, .btn, input[type=button], input[type=submit], .ui-button {


	/* shadows */
	-webkit-box-shadow: inset 0 1px 0px 0 white, 0 1px 1px rgba(0,0,0,0.17);;
	-moz-box-shadow: inset 0 1px 0px 0 white, 0 1px 1px rgba(0,0,0,0.17);;
	-ms-box-shadow: inset 0 1px 0px 0 white, 0 1px 1px rgba(0,0,0,0.17);;
	-o-box-shadow: inset 0 1px 0px 0 white, 0 1px 1px rgba(0,0,0,0.17);;
	box-shadow: inset 0 1px 0px 0 white, 0 1px 1px rgba(0,0,0,0.17);
	
	/* border */
	border: 1px solid #BABABA;
	border-bottom-color: #9C9C9C;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	-ms-border-radius: 3px;
	-o-border-radius: 3px;
	border-radius: 3px;
	
	/* text */
	font-family: arial, helvetica, sans-serif !important;
	white-space: nowrap;
	line-height: 1;
	text-align: center;
	text-shadow: 0 1px 0 #eee;
	font-weight: bold;
	font-size: 12px;
	line-height: 15px!important;
	text-decoration:none;
	vertical-align: sub;	

	/* display */
	display: inline-block;
	margin-right: 5px;
	padding: 4px 7px;
	cursor: pointer;	
	
}








/* Button
 -------------------------------------------------------------------*/
 
/*

	DEFAULT GREY

*/

button, .btn, input[type=button], input[type=submit], .ui-button {
	color: #333;
	background-color: #E6E6E6;
}

button:hover, .btn:hover, input[type=button]:hover, input[type=submit]:hover, .ui-button.ui-state-hover {
	color: #333;
	background-color: #f5f5f5;
	text-decoration: none;
}

button:active, .btn:active, input[type=button]:active, input[type=submit]:active, .ui-button.ui-state-active {
	color: #333;
	border-color: #999;
	
	-webkit-box-shadow: inset 0 0 8px 4px rgba(0,0,0,0.2), 0 1px 0 0 #fff;
	-moz-box-shadow: inset 0 0 8px 4px rgba(0,0,0,0.2), 0 1px 0 0 #fff;
	-ms-box-shadow: inset 0 0 8px 4px rgba(0,0,0,0.2), 0 1px 0 0 #fff;
	-o-box-shadow: inset 0 0 8px 4px rgba(0,0,0,0.2), 0 1px 0 0 #fff;
	box-shadow: inset 0 0 8px 4px rgba(0,0,0,0.2), 0 1px 0 0 #fff;
}
 

/*

	RED

*/
 
button.red, .btn.red, input.red {
	background-color: #C20000;
	border: 1px solid #911212;
	border-bottom-color: #222;
	color: white;
	text-shadow: 0 -1px 0 #A20B0B;
	
	-webkit-box-shadow: inset 0 1px 0px 0 rgba(255,255,255,0.3), 0 1px 1px rgba(0,0,0,0.3);;
	-moz-box-shadow: inset 0 1px 0px 0 rgba(255,255,255,0.3), 0 1px 1px rgba(0,0,0,0.3);;
	-ms-box-shadow: inset 0 1px 0px 0 rgba(255,255,255,0.3), 0 1px 1px rgba(0,0,0,0.3);;
	-o-box-shadow: inset 0 1px 0px 0 rgba(255,255,255,0.3), 0 1px 1px rgba(0,0,0,0.3);;
	box-shadow: inset 0 1px 0px 0 rgba(255,255,255,0.3), 0 1px 1px rgba(0,0,0,0.3);
}

button.red:hover, .btn.red:hover, input.red:hover {
	background-color: #e90000;
	color: white;
}

button.red:active, .btn.red:active, input.red:active {		
	-webkit-box-shadow: inset 0 0 8px 4px rgba(0,0,0,0.3), 0 1px 0 0 #fff;
	-moz-box-shadow: inset 0 0 8px 4px rgba(0,0,0,0.3), 0 1px 0 0 #fff;
	-ms-box-shadow: inset 0 0 8px 4px rgba(0,0,0,0.3), 0 1px 0 0 #fff;
	-o-box-shadow: inset 0 0 8px 4px rgba(0,0,0,0.3), 0 1px 0 0 #fff;
	box-shadow: inset 0 0 8px 4px rgba(0,0,0,0.3), 0 1px 0 0 #fff;
	
	color: white;
}
/*

	GREEN

*/

button.green, .btn.green, input.green {
	background-color: #45981c;
	color: #fff;
	text-shadow: 0 -1px 0 #4C782B;
	border: 1px solid #446f36;
	border-bottom-color: #333;

	-webkit-box-shadow: inset 0 1px 0px 0 rgba(255,255,255,0.7), 0 1px 1px rgba(0,0,0,0.3);;
	-moz-box-shadow: inset 0 1px 0px 0 rgba(255,255,255,0.7), 0 1px 1px rgba(0,0,0,0.3);;
	-ms-box-shadow: inset 0 1px 0px 0 rgba(255,255,255,0.7), 0 1px 1px rgba(0,0,0,0.3);;
	-o-box-shadow: inset 0 1px 0px 0 rgba(255,255,255,0.7), 0 1px 1px rgba(0,0,0,0.3);;
	box-shadow: inset 0 1px 0px 0 rgba(255,255,255,0.7), 0 1px 1px rgba(0,0,0,0.3);


}
button.green:hover, .btn.green:hover, input.green:hover {
	background-color: #71cd2e;
	color: white;
}

button.green:active, .btn.green:active, input.green:active {
	border: solid 1px #395F1B;
		
	-webkit-box-shadow: inset 0 0 8px 4px rgba(0,0,0,0.3), 0 1px 0 0 #fff;
	-moz-box-shadow: inset 0 0 8px 4px rgba(0,0,0,0.3), 0 1px 0 0 #fff;
	-ms-box-shadow: inset 0 0 8px 4px rgba(0,0,0,0.3), 0 1px 0 0 #fff;
	-o-box-shadow: inset 0 0 8px 4px rgba(0,0,0,0.3), 0 1px 0 0 #fff;
	box-shadow: inset 0 0 8px 4px rgba(0,0,0,0.3), 0 1px 0 0 #fff;
	
	color: white;
}


/*

	BLUE

*/

button.blue, .btn.blue, input.blue{
	
	background-color: #0084DB;
	border: 1px solid #2D6FA9;
	color:white;
	text-shadow: 0 -1px 0 #5180B3;

	-webkit-box-shadow: inset 0 1px 0px 0 rgba(255,255,255,0.4), 0 1px 1px rgba(0,0,0,0.3);;
	-moz-box-shadow: inset 0 1px 0px 0 rgba(255,255,255,0.4), 0 1px 1px rgba(0,0,0,0.3);;
	-ms-box-shadow: inset 0 1px 0px 0 rgba(255,255,255,0.4), 0 1px 1px rgba(0,0,0,0.3);;
	-o-box-shadow: inset 0 1px 0px 0 rgba(255,255,255,0.4), 0 1px 1px rgba(0,0,0,0.3);;
	box-shadow: inset 0 1px 0px 0 rgba(255,255,255,0.4), 0 1px 1px rgba(0,0,0,0.3);
}

button.blue:hover, .btn.blue:hover, input.blue:hover {
	color: white;
	background-color: #14A1FF;
}

button.blue:active, .btn.blue:active, input.blue:active {		
	-webkit-box-shadow: inset 0 0 8px 4px rgba(0,0,0,0.3), 0 1px 0 0 #fff;
	-moz-box-shadow: inset 0 0 8px 4px rgba(0,0,0,0.3), 0 1px 0 0 #fff;
	-ms-box-shadow: inset 0 0 8px 4px rgba(0,0,0,0.3), 0 1px 0 0 #fff;
	-o-box-shadow: inset 0 0 8px 4px rgba(0,0,0,0.3), 0 1px 0 0 #fff;
	box-shadow: inset 0 0 8px 4px rgba(0,0,0,0.3), 0 1px 0 0 #fff;
	
	color: white;
}


button.orange, .btn.orange, input.orange {
	background-color: #E3903F;
	
}
button.orange:hover, .btn.orange:hover, input.orange:hover {
	background-color: #DC8631;

}




/*

	size
	
*/
.small {
	font-size: 11px;
	font-family: tahoma;
	padding: 3px 6px !important;
	vertical-align: sub;
}
.medium {
	font-size: 1em;
	padding: 5px !important;
	vertical-align: sub;
}
.large {
	font-size: 12px;
	padding: 7px 10px !important;
	vertical-align: sub;
}