@charset "UTF-8";
/* CSS Document */

.sfibutton {
	font-size:1em;
	padding:.5em 2em .55em;
	border:1px solid #999;
	display:inline-block;
	outline:none;
	cursor:pointer;
	text-align:center;
	text-decoration:none;
	font-family:"Lato", sans-serif;
	text-shadow:0 1px 1px rgba(0,0,0,.3);
	-webkit-border-radius:.5em;
	-moz-border-radius:.5em;
	border-radius:.5em!important;
	-webkit-box-shadow:0 1px 2px rgba(0,0,0,.2);
	-moz-box-shadow:0 1px 2px rgba(0,0,0,.2);
	box-shadow:0 1px 2px rgba(0,0,0,.2);
	white-space:normal;

	-moz-transition: all 0.3s;
	-webkit-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
}

.sfibutton[disabled] {
	opacity: 0.3;
	cursor: not-allowed;
}

.sfibutton:hover { text-decoration:none !important; }

.sfibutton:active { position:relative; top:1px; text-decoration:none; }

.sfibuttonV2 {
	font-size:1em;
	padding:.25em .5em;
	border:1px solid #999;
	display:inline-block;
	outline:none;
	cursor:pointer;
	text-align:center;
	text-decoration:none;
	font-family:Arial, Helvetica, sans-serif;
	text-shadow:0 1px 1px rgba(0,0,0,.3);
	-webkit-border-radius:.5em;
	-moz-border-radius:.5em;
	border-radius:.5em;
	-webkit-box-shadow:0 1px 2px rgba(0,0,0,.2);
	-moz-box-shadow:0 1px 2px rgba(0,0,0,.2);
	box-shadow:0 1px 2px rgba(0,0,0,.2);
}

.sfibuttonV2:hover { text-decoration:none !important; }

.sfibuttonV2:active { position:relative; top:1px; text-decoration:none; }

/* SIZE CLASSES */
.hugebutton {
	font-size:1.15em;
	padding:.5em 1.5em .55em;
	font-weight:900;
	-webkit-box-shadow:0 1px 2px rgba(0,0,0,.7);
	-moz-box-shadow:0 1px 2px rgba(0,0,0,.7);
	box-shadow:0 1px 2px rgba(0,0,0,.7);
	text-decoration:none;
}

.smallbutton {
	font-size:.75em;
	padding:.35em 1.25em .35em;
	text-decoration:none;
}

.tinybutton {
	font-size:.6em;
	padding:.25em 1em .25em;
	text-shadow:0 1px 1px rgba(0,0,0,.4);
	text-decoration:none;
}

.widebutton {
	width:100%;
	text-decoration:none;
}

/* COLOR CLASSES */
.bluebutton {
	color: #fefefe !important;
	border: solid 1px #006699;
	background: #006699;
	background: -webkit-gradient(linear, left top, left bottom, from(#0099cc), to(#006699));
	background: -moz-linear-gradient(top,  #0099cc,  #006699);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#0099cc', endColorstr='#006699');
	text-decoration:none;
}
.bluebutton:not([disabled]):hover {
	color: #fefefe !important;
	background: #fefefe;
	background: -webkit-gradient(linear, left top, left bottom, from(#00ccff), to(#006699));
	background: -moz-linear-gradient(top,  #00ccff,  #006699);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#00ccff', endColorstr='#006699');
	text-decoration:none;
}
.bluebutton:active {
	color: #66ccff !important;
	background: -webkit-gradient(linear, left top, left bottom, from(#006699), to(#0099cc));
	background: -moz-linear-gradient(top,  #006699,  #0099cc);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#006699', endColorstr='#0099cc');
	text-decoration:none;
}


.greenbutton {
	color: #fefefe !important;
	border: solid 1px #669900;
	background: #669900;
	background: -webkit-gradient(linear, left top, left bottom, from(#99cc00), to(#669900));
	background: -moz-linear-gradient(top,  #99cc00,  #669900);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#669900', endColorstr='#669900');
	text-decoration:none;
}
.greenbutton:not([disabled]):hover {
	color: #fefefe !important;
	color: #fefefe;
	background: -webkit-gradient(linear, left top, left bottom, from(#ccff00), to(#669900));
	background: -moz-linear-gradient(top,  #ccff00,  #669900);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#ccff00', endColorstr='#669900');
	text-decoration:none;
}
.greenbutton:active {
	color: #ccff00 !important;
	background: -webkit-gradient(linear, left top, left bottom, from(#669900), to(#99cc00));
	background: -moz-linear-gradient(top,  #669900,  #99cc00);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#669900', endColorstr='#99cc00');
	text-decoration:none;
}


.redbutton {
	color: #fefefe !important;
	border: solid 1px #990000;
	background: #990000;
	background: -webkit-gradient(linear, left top, left bottom, from(#cc0000), to(#990000));
	background: -moz-linear-gradient(top,  #cc0000,  #990000);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#cc0000', endColorstr='#990000');
	text-decoration:none;
}
.redbutton:not([disabled]):hover {
	color: #fefefe !important;
	background: #990000;
	background: -webkit-gradient(linear, left top, left bottom, from(#ff0000), to(#990000));
	background: -moz-linear-gradient(top,  #ff0000,  #990000);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff0000', endColorstr='#990000');
	text-decoration:none;
}
.redbutton:active {
	color: #ff6666 !important;
	background: -webkit-gradient(linear, left top, left bottom, from(#990000), to(#cc0000));
	background: -moz-linear-gradient(top,  #990000,  #cc0000);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#990000', endColorstr='#cc0000');
	text-decoration:none;
}


.orangebutton {
	color: #fefefe !important;
	border: solid 1px #fa9a00;
	background: #fa9a00;
	background: -webkit-gradient(linear, left top, left bottom, from(#cd7e00), to(#fa9a00));
	background: -moz-linear-gradient(top,  #cd7e00,  #fa9a00);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#cd7e00', endColorstr='#fa9a00');
	text-decoration:none;
}
.orangebutton:not([disabled]):hover {
	color: #fefefe !important;
	background: #fa9a00;
	background: -webkit-gradient(linear, left top, left bottom, from(#ffb641), to(#fa9a00));
	background: -moz-linear-gradient(top,  #ffb641,  #fa9a00);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffb641', endColorstr='#fa9a00');
	text-decoration:none;
}
.orangebutton:active {
	color: #ff6666 !important;
	background: -webkit-gradient(linear, left top, left bottom, from(#fa9a00), to(#cc0000));
	background: -moz-linear-gradient(top,  #fa9a00,  #cc0000);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#fa9a00', endColorstr='#cd7e00');
	text-decoration:none;
}


.graybutton {
	color: #444 !important;
	border: solid 1px #999;
	background: #cccccc;
	background: -webkit-gradient(linear, left top, left bottom, from(#eeeeee), to(#cccccc));
	background: -moz-linear-gradient(top,  #eeeeee,  #cccccc);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#eeeeee', endColorstr='#cccccc');
	text-decoration:none;
}
.graybutton:not([disabled]):hover {
	color: #444 !important;
	background: #cccccc;
	background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#cccccc));
	background: -moz-linear-gradient(top,  #ffffff,  #cccccc);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#cccccc');
	text-decoration:none;
}
.graybutton:active {
	color: #999 !important;
	background: -webkit-gradient(linear, left top, left bottom, from(#cccccc), to(#eeeeee));
	background: -moz-linear-gradient(top,  #cccccc,  #eeeeee);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#cccccc', endColorstr='#eeeeee');
	text-decoration:none;
}

@media (min-width:320px) and (max-width:480px) {
	.sfibutton {
		font-size:.75rem!important;
		width:100%;	
	}
	
	.hugebutton {
	font-size:inherit;
	}	
	
}