/* Button */
.button
{
    float                   : left;
	font-family             : Arial;
	font-size               : 8pt;
	font-weight             : bold;
	text-decoration         : none;
	display                 : inline-block;
	-moz-border-radius      : 2px;
	-webkit-border-radius   : 2px;
	border-radius           : 2px;
	padding					: 8px 20px;
	cursor					: pointer;
}
.button:active
{
	position                : relative;
	top                     : 1px;
}
.button[color="disabled"]
{
	cursor					: default;
	-moz-box-shadow			: inset 0px 1px 0px 0px #ffffff;
	-webkit-box-shadow		: inset 0px 1px 0px 0px #ffffff;
	box-shadow				: inset 0px 1px 0px 0px #ffffff;
	background				: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #f9f9f9), color-stop(1, #e9e9e9) );
	background				: -moz-linear-gradient( center top, #f9f9f9 5%, #e9e9e9 100% );
	filter					: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f9f9f9', endColorstr='#e9e9e9');
	background-color		    : #f9f9f9;
	color					: #d4d4d4;
	text-shadow				: 1px 1px 0px #ffffff;
}	
/* Navy Button */
.button[color="navy"] 
{
	-moz-box-shadow         : inset 0px 1px 0px 0px #3e78a7;
	-webkit-box-shadow      : inset 0px 1px 0px 0px #3e78a7;
	box-shadow              : inset 0px 1px 0px 0px #3e78a7;
	background              : -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #1d5281), color-stop(1, #182e43) );
	background              : -moz-linear-gradient( center top, #1d5281 5%, #182e43 100% );
	filter                  : progid:DXImageTransform.Microsoft.gradient(startColorstr='#1d5281', endColorstr='#182e43');
	background-color        : #1d5281;
	color                   : #ffffff;
	text-shadow             : 1px 1px 0px #182e43;
}
.button[color="navy"]:hover 
{
	background              : -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #182e43), color-stop(1, #1d5281) );
	background              : -moz-linear-gradient( center top, #182e43 5%, #1d5281 100% );
	filter                  : progid:DXImageTransform.Microsoft.gradient(startColorstr='#182e43', endColorstr='#1d5281');
	background-color        : #182e43;
}
/* Blue Button */
.button[color="blue"] 
{
	-moz-box-shadow         : inset 0px 1px 0px 0px #bee2f9;
	-webkit-box-shadow      : inset 0px 1px 0px 0px #bee2f9;
	box-shadow              : inset 0px 1px 0px 0px #bee2f9;
	background              : -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #63b8ee), color-stop(1, #468ccf) );
	background              : -moz-linear-gradient( center top, #63b8ee 5%, #468ccf 100% );
	filter                  : progid:DXImageTransform.Microsoft.gradient(startColorstr='#63b8ee', endColorstr='#468ccf');
	background-color        : #63b8ee;
	color                   : #14396a;
	text-shadow             : 1px 1px 0px #7cacde;
}
.button[color="blue"]:hover 
{
	background              : -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #468ccf), color-stop(1, #63b8ee) );
	background              : -moz-linear-gradient( center top, #468ccf 5%, #63b8ee 100% );
	filter                  : progid:DXImageTransform.Microsoft.gradient(startColorstr='#468ccf', endColorstr='#63b8ee');
	background-color        : #468ccf;
}
/* Yellow Button */
.button[color="yellow"]
{
	-moz-box-shadow         : inset 0px 1px 0px 0px #fff6af;
	-webkit-box-shadow      : inset 0px 1px 0px 0px #fff6af;
	box-shadow              : inset 0px 1px 0px 0px #fff6af;
	background              : -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #ffec64), color-stop(1, #ffab23) );
	background              : -moz-linear-gradient( center top, #ffec64 5%, #ffab23 100% );
	filter                  : progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffec64', endColorstr='#ffab23');
	background-color        : #ffec64;
	color                   : #333333;
	text-shadow             : 1px 1px 0px #ffee66;
}
.button[color="yellow"]:hover 
{
	background              : -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #ffab23), color-stop(1, #ffec64) );
	background              : -moz-linear-gradient( center top, #ffab23 5%, #ffec64 100% );
	filter                  : progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffab23', endColorstr='#ffec64');
	background-color        : #ffab23;
}
/* Green Button */
.button[color="green"]
{
	-moz-box-shadow         : inset 0px 1px 0px 0px #a4e271;
	-webkit-box-shadow      : inset 0px 1px 0px 0px #a4e271;
	box-shadow              : inset 0px 1px 0px 0px #a4e271;
	background              : -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #89c403), color-stop(1, #77a809) );
	background              : -moz-linear-gradient( center top, #89c403 5%, #77a809 100% );
	filter                  : progid:DXImageTransform.Microsoft.gradient(startColorstr='#89c403', endColorstr='#77a809');
	background-color        : #89c403;
	color                   : #ffffff;
	text-shadow             : 1px 1px 0px #528009;
}
.button[color="green"]:hover
{
	background              : -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #77a809), color-stop(1, #89c403) );
	background              : -moz-linear-gradient( center top, #77a809 5%, #89c403 100% );
	filter                  : progid:DXImageTransform.Microsoft.gradient(startColorstr='#77a809', endColorstr='#89c403');
	background-color        : #77a809;
}
/* Dark Green Button */
.button[color="darkGreen"]
{
	-moz-box-shadow         : inset 0px 1px 0px 0px #9de09b;
	-webkit-box-shadow      : inset 0px 1px 0px 0px #9de09b;
	box-shadow              : inset 0px 1px 0px 0px #9de09b;
    background              : -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #11b70e), color-stop(1, #149312));
    background              : -moz-linear-gradient(top, #11b70e 5%, #149312 100%);
    background              : -webkit-linear-gradient(top, #11b70e 5%, #149312 100%);
    background              : -o-linear-gradient(top, #11b70e 5%, #149312 100%);
    background              : -ms-linear-gradient(top, #11b70e 5%, #149312 100%);
    background              : linear-gradient(to bottom, #11b70e 5%, #149312 100%);
    filter                  : progid:DXImageTransform.Microsoft.gradient(startColorstr='#11b70e', endColorstr='#149312',GradientType=0);
    background-color        : #11b70e;
	
	color                   : #ffffff;
	text-shadow             : 0px 1px 0px #1a6217;
}
.button[color="darkGreen"]:hover
{
    background              : -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #149312), color-stop(1, #11b70e));
    background              : -moz-linear-gradient(top, #149312 5%, #11b70e 100%);
    background              : -webkit-linear-gradient(top, #149312 5%, #11b70e 100%);
    background              : -o-linear-gradient(top, #149312 5%, #11b70e 100%);
    background              : -ms-linear-gradient(top, #149312 5%, #11b70e 100%);
    background              : linear-gradient(to bottom, #149312 5%, #11b70e 100%);
    filter                  : progid:DXImageTransform.Microsoft.gradient(startColorstr='#149312', endColorstr='#11b70e',GradientType=0);
    background-color        : #149312;
}
/* Red Button */
.button[color="red"]
{
	-moz-box-shadow         : inset 0px 1px 0px 0px #fab3ad;
	-webkit-box-shadow      : inset 0px 1px 0px 0px #fab3ad;
	box-shadow              : inset 0px 1px 0px 0px #fab3ad;
	background              : -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #fa665a), color-stop(1, #d34639) );
	background              : -moz-linear-gradient( center top, #fa665a 5%, #d34639 100% );
	filter                  : progid:DXImageTransform.Microsoft.gradient(startColorstr='#fa665a', endColorstr='#d34639');
	background-color        : #fa665a;
	color                   : #ffffff;
	text-shadow             : 1px 1px 0px #98231a;
}
.button[color="red"]:hover 
{
	background              : -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #d34639), color-stop(1, #fa665a) );
	background              : -moz-linear-gradient( center top, #d34639 5%, #fa665a 100% );
	filter                  : progid:DXImageTransform.Microsoft.gradient(startColorstr='#d34639', endColorstr='#fa665a');
	background-color        : #d34639;
}
