/*
CSS3 Fancy Buttons
http://www.webdesignerwall.com/demo/css-buttons.html
*/

/* base styles */

button.fancy-button,
a.fancy-button {
	cursor: pointer;
	display: inline-block;
	/*font: 14px/100% Arial, Helvetica, sans-serif !important;*/
	margin: 0 2px !important;
	outline: medium none;
	padding: 0.35em 3em !important;
	text-align: center;
	text-decoration: none;
	vertical-align: baseline;
	border-radius: 4px;
	box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
	text-shadow: 0 1px 1px rgba(0, 0, 0, 0.3);
}
button.fancy-button.bold-button,
a.fancy-button.bold-button {
	font-weight: bold !important;
}

a.inline-button {
	padding: 1px 6px;
	text-decoration: none;
	margin: 0 2px;
	/*border-radius*/
	-webkit-border-radius: 12px;
	-moz-border-radius: 12px;
	border-radius: 12px;
}

/* size styles (default was large) */
/* medium size */
button.fancy-button.medium,
a.inline-button.medium,
a.fancy-button.medium {
	font-size: 12px !important;
	padding: 0.4em 1.5em 0.42em !important;
}

/* small size */
button.fancy-button.small,
a.inline-button.small,
a.fancy-button.small {
	font-size: 11px !important;
	padding: 0 1em 0 !important;
}

/* widt button */
button.fancy-button.wide,
a.inline-button.wide,
a.fancy-button.wide {
	padding-left: 3em !important;
	padding-right: 3em !important;
}


/* color styles */
/* green */
button.fancy-button.green,
a.inline-button.green,
a.fancy-button.green
{
	border: 1px solid #70BB7F;
	color: #FFFFFF;
	background: #9BCD4C;
	/* IE10 Consumer Preview */
	background-image: -ms-linear-gradient(top, #9BCD4C 0%, #39A04C 100%);
	/* Mozilla Firefox */
	background-image: -moz-linear-gradient(top, #9BCD4C 0%, #39A04C 100%);
	/* Opera */
	background-image: -o-linear-gradient(top, #9BCD4C 0%, #39A04C 100%);
	/* Webkit (Safari/Chrome 10) */
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #9BCD4C), color-stop(1, #39A04C));
	/* Webkit (Chrome 11+) */
	background-image: -webkit-linear-gradient(top, #9BCD4C 0%, #39A04C 100%);
	/* W3C Markup, IE10 Release Preview */
	background-image: linear-gradient(to bottom, #9BCD4C 0%, #39A04C 100%);
}
button.fancy-button.green:hover,
a.inline-button.green:hover,
a.fancy-button.green:hover
{
	background: #39A04C;
}

/* green */
button.fancy-button.yellow,
a.inline-button.yellow,
a.fancy-button.yellow
{
	border: 1px solid #F4A643;
	color: #FFFFFF;
	background: #FFC259;
	font-weight: bold;
	/* IE10 Consumer Preview */
	background-image: -ms-linear-gradient(top left, #FFC259 0%, #F7972C 100%);
	/* Mozilla Firefox */
	background-image: -moz-linear-gradient(top left, #FFC259 0%, #F7972C 100%);
	/* Opera */
	background-image: -o-linear-gradient(top left, #FFC259 0%, #F7972C 100%);
	/* Webkit (Safari/Chrome 10) */
	background-image: -webkit-gradient(linear, left top, right bottom, color-stop(0, #FFC259), color-stop(1, #F7972C));
	/* Webkit (Chrome 11+) */
	background-image: -webkit-linear-gradient(top left, #FFC259 0%, #F7972C 100%);
	/* W3C Markup, IE10 Release Preview */
	background-image: linear-gradient(to bottom right, #FFC259 0%, #F7972C 100%);
}
button.fancy-button.yellow:hover,
a.inline-button.yellow:hover,
a.fancy-button.yellow:hover
{
	background: #F7972C;
}

/* red */
button.fancy-button.red,
a.inline-button.red,
a.fancy-button.red {
	border: 1px solid #980C10;
	color: #FADDDE;
	background: #ED1C24;
	/*linear-gradient*/
	background: -webkit-gradient(linear,, from(#ED1C24), color-stop(#AA1317), 0) );
	background: -webkit-linear-gradient(center top, #ED1C24, #AA1317) repeat scroll 0 0 transparent;
	background: -moz-linear-gradient(center top, #ED1C24, #AA1317) repeat scroll 0 0 transparent;
	background: -o-linear-gradient(center top, #ED1C24, #AA1317) repeat scroll 0 0 transparent;
	background: linear-gradient(center top, #ED1C24, #AA1317) repeat scroll 0 0 transparent;
}
button.fancy-button.red:hover,
a.inline-button.red:hover,
a.fancy-button.red:hover {
	background: #AA1317;
}

/* black */
button.fancy-button.black,
a.inline-button.black,
a.fancy-button.black {
	border: 1px solid #333333;
	color: #D7D7D7;
	background: #666666;
	/*linear-gradient*/
	background: -webkit-gradient(linear,, from(#666666), color-stop(#000000), 0) );
	background: -webkit-linear-gradient(center top, #666666, #000000) repeat scroll 0 0 transparent;
	background: -moz-linear-gradient(center top, #666666, #000000) repeat scroll 0 0 transparent;
	background: -o-linear-gradient(center top, #666666, #000000) repeat scroll 0 0 transparent;
	background: linear-gradient(center top, #666666, #000000) repeat scroll 0 0 transparent;
}
button.fancy-button.black:hover,
a.inline-button.black:hover,
a.fancy-button.black:hover {
	background: black;
}

/* blue */
button.fancy-button.blue,
a.inline-button.blue,
a.fancy-button.blue {
	border: 1px solid #31A7CF;
	color: #FFFFFF;
	background: #008CC5;
	/* IE10 Consumer Preview */
	background-image: -ms-linear-gradient(top, #008CC5 0%, #0076AA 120%);
	/* Mozilla Firefox */
	background-image: -moz-linear-gradient(top, #008CC5 0%, #0076AA 120%);
	/* Opera */
	background-image: -o-linear-gradient(top, #008CC5 0%, #0076AA 120%);
	/* Webkit (Safari/Chrome 10) */
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #008CC5), color-stop(1.2, #0076AA));
	/* Webkit (Chrome 11+) */
	background-image: -webkit-linear-gradient(top, #008CC5 0%, #0076AA 120%);
	/* W3C Markup, IE10 Release Preview */
	background-image: linear-gradient(to bottom, #008CC5 0%, #0076AA 120%);
}
button.fancy-button.blue:hover,
a.inline-button.blue:hover,
a.fancy-button.blue:hover {
	background: #0076AA;
}

/* gray */
button.fancy-button.gray,
a.inline-button.gray,
a.fancy-button.gray {
	border: 1px solid #555555;
	color: #E9E9E9;
	background: #888888;
	/*linear-gradient*/
	background: -webkit-gradient(linear,, from(#888888), color-stop(#575757), 0) );
	background: -webkit-linear-gradient(center top, #888888, #575757) repeat scroll 0 0 transparent;
	background: -moz-linear-gradient(center top, #888888, #575757) repeat scroll 0 0 transparent;
	background: -o-linear-gradient(center top, #888888, #575757) repeat scroll 0 0 transparent;
	background: linear-gradient(center top, #888888, #575757) repeat scroll 0 0 transparent;
}
button.fancy-button.gray:hover,
a.inline-button.gray:hover,
a.fancy-button.gray:hover {
	background: #575757;
}

/* white */
button.fancy-button.white,
a.inline-button.white,
a.fancy-button.white {
	border: 1px solid #B7B7B7;
	color: #606060;
	background: #FFFFFF;
	/*linear-gradient*/
	background: -webkit-gradient(linear,, from(#FFFFFF), color-stop(#EDEDED), 0) );
	background: -webkit-linear-gradient(center top, #FFFFFF, #EDEDED) repeat scroll 0 0 transparent;
	background: -moz-linear-gradient(center top, #FFFFFF, #EDEDED) repeat scroll 0 0 transparent;
	background: -o-linear-gradient(center top, #FFFFFF, #EDEDED) repeat scroll 0 0 transparent;
	background: linear-gradient(center top, #FFFFFF, #EDEDED) repeat scroll 0 0 transparent;
}
button.fancy-button.white:hover,
a.inline-button.white:hover,
a.fancy-button.white:hover {
	background: #EDEDED;
}

/* orange */
button.fancy-button.orange,
a.inline-button.orange,
a.fancy-button.orange {
	border: 1px solid #DA7C0C;
	color: #FEF4E9;
	background: #FF9872;
	/*linear-gradient*/
	background: -webkit-gradient(linear,, from(#FF9872), color-stop(#FF5001), 0) );
	background: -webkit-linear-gradient(center top, #FF9872, #FF5001) repeat scroll 0 0 transparent;
	background: -moz-linear-gradient(center top, #FF9872, #FF5001) repeat scroll 0 0 transparent;
	background: -o-linear-gradient(center top, #FF9872, #FF5001) repeat scroll 0 0 transparent;
	background: linear-gradient(center top, #FF9872, #FF5001) repeat scroll 0 0 transparent;
}
button.fancy-button.orange:hover,
a.inline-button.orange:hover,
a.fancy-button.orange:hover {
	background: #FF5001;
}