@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: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);

}

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

.sfibutton:active {position:relative; top:1px;}

/* SIZE CLASSES */
.hugebutton {
	font-size:1.5em;
	padding:.5em 1.5em .55em;
	-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);
}

.smallbutton {
	font-size:.9em;
	padding:.35em 1.25em .35em;
}

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

.widebutton {
	width:99%;
	margin:auto;
	padding:.5em 0;
}

/* 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');
}
.bluebutton: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');
}
.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');
}



.yellowbutton {
	color: #222 !important;
	border: solid 1px #ffAA00;
	background: #ffAA00;
	background: -webkit-gradient(linear, left top, left bottom, from(#ffCC30), to(#ffAA00));
	background: -moz-linear-gradient(top,  #ffCC30,  #ffAA00);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffCC30', endColorstr='#ffAA00');
}
.yellowbutton:hover {
	color: #444 !important;
	background: #fefefe;
	background: -webkit-gradient(linear, left top, left bottom, from(#ffDD30), to(#ffAA00));
	background: -moz-linear-gradient(top,  #ffDD30,  #ffAA00);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffDD30', endColorstr='#ffAA00');
}
.yellowbutton:active {
	color: #666 !important;
	background: -webkit-gradient(linear, left top, left bottom, from(#ffAA00), to(#ffCC30));
	background: -moz-linear-gradient(top,  #ffAA00,  #ffCC30);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffAA00', endColorstr='#ffCC30');
}


.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');
}
.greenbutton: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');
}
.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');
}


.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');
}
.redbutton: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');
}
.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');
}


.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');
}
.graybutton: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');
}
.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');
}