.button, input[type=submit]   {
	text-align:center;
	padding:10px 24px;
	margin:0 5px 5px 0px;
	vertical-align:baseline;
	position:relative;
	text-decoration:none;
	font-family:arial;
	font-weight:bold;
	display:inline-block;
	border-radius:3px;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	
	-webkit-transition: all ease-in-out 0.2s;
	-moz-transition: all ease-in-out 0.2s;
	-o-transition: all ease-in-out 0.2s;
	transition: all ease-in-out 0.2s;
}

/* The buttons sizes */

.button.big { 	
	padding:10px 20px;
	font-size:15px;
}
.button.medium, input[type=submit] { 
	font-size:13px;
	padding:5px 15px;
}
.button.small{ 
	font-size:16px;
	font-size:12px;
	padding:2px 10px;
}
.button.very-small{ 
	font-size:12px;
	padding:2px 10px;
}
/* Default */
.default.button, input[type=submit] {
	background-color:#3d94f6;
	border:1px solid #337fed;
	color:#ffffff;
	text-shadow:1px 1px 0px #1570cd;
	-moz-box-shadow:inset 0px 1px 0px 0px #97c4fe;
	-webkit-box-shadow:inset 0px 1px 0px 0px #97c4fe;
	box-shadow:inset 0px 1px 0px 0px #97c4fe;
	padding-left: 0px;
	padding-right: 0px;
}.default.button:hover, input[type=submit]:hover{
	background-color:#1e62d0;
	color:#ffffff;
	cursor:pointer;
}.default.button:active, input[type=submit]:active{
	position:relative;
	top:1px;
	color:#ffffff;
}
/* White */
.white {
	background-color:#ffffff;
	border:1px solid #dcdcdc;
	color:#666666;
	text-shadow:1px 1px 0px #ffffff;
	-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;
}.white:hover {
	background-color:#f6f6f6;
	color:#666666;
}.white:active {
	position:relative;
	top:1px;
	color:#666666;
}
/* Gray */
.gray {
	background-color:#ededed;
	border:1px solid #dcdcdc;
	color:#777777;
	text-shadow:1px 1px 0px #ffffff;
	-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;
}.gray:hover {
	background-color:#dfdfdf;
	color:#777777;
}.gray:active {
	position:relative;
	top:1px;
	color:#777777;
}
/* Red */
.red {
	background-color:#f24537;
	border:1px solid #d02718;
	color:#ffffff;
	text-shadow:1px 1px 0px #810e05;
	-moz-box-shadow:inset 0px 1px 0px 0px #f5978e;
	-webkit-box-shadow:inset 0px 1px 0px 0px #f5978e;
	box-shadow:inset 0px 1px 0px 0px #f5978e;
}.red:hover {
	background-color:#c62d1f;
	color:#ffffff;
}.red:active {
	position:relative;
	top:1px;
	color:#ffffff;
}
/* Orange */
.orange {
	background-color:#f6b33d;
	border:1px solid #eda933;
	color:#ffffff;
	text-shadow:1px 1px 0px #cd8a15;
	-moz-box-shadow:inset 0px 1px 0px 0px #fed897;
	-webkit-box-shadow:inset 0px 1px 0px 0px #fed897;
	box-shadow:inset 0px 1px 0px 0px #fed897;
}.orange:hover {
	background-color:#d29105;
	color:#ffffff;
}.orange:active {
	position:relative;
	top:1px;
	color:#ffffff;
}
/* Yellow */
.yellow {
	background-color:#ffec64;
	border:1px solid #ffaa22;
	color:#333333;
	text-shadow:1px 1px 0px #ffee66;
	-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;
}.yellow:hover {
	background-color:#ffab23;
	color:#333333;
}.yellow:active {
	position:relative;
	top:1px;
	color:#333333;
}
/* Green */
.green.button1{
	background: linear-gradient(#81b235 50%,#6a932c 60%);
	border: 1px solid #739e2f;
	color: #ffffff;
	text-shadow: 1px 1px 0px #528009;
	-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;
}
.green.button{
	border: 1px solid #739e2f;
	background: -webkit-gradient(linear,50% 0,50% 100%,color-stop(50%,#81b235),color-stop(60%,#6a932c));
	background: -webkit-linear-gradient(#81b235 50%,#6a932c 60%);
	background: -moz-linear-gradient(#81b235 50%,#6a932c 60%);
	background: -o-linear-gradient(#81b235 50%,#6a932c 60%);
	background: linear-gradient(#81b235 50%,#6a932c 60%);
	filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0,startColorstr='#FFF29F0B',endColorstr='#FF784F05');
	-webkit-box-shadow: inset 0px 1px 0px 0px #81b235;
	box-shadow: inset 0px 1px 0px 0px #81b235;
	color: #FFF;
}
.green.button:hover{
	border: 1px solid #c17f09;
	background: -webkit-gradient(linear,50% 0,50% 100%,color-stop(50%,#f29f0b),color-stop(60%,#c17f09));
	background: -webkit-linear-gradient(#f29f0b 50%,#c17f09 60%);
	background: -moz-linear-gradient(#f29f0b 50%,#c17f09 60%);
	background: -o-linear-gradient(#f29f0b 50%,#c17f09 60%);
	background: linear-gradient(#f29f0b 50%,#c17f09 60%);
	filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0,startColorstr='#FFF29F0B',endColorstr='#FF784F05');
	-webkit-box-shadow: inset 0px 1px 0px 0px #f29f0b;
	box-shadow: inset 0px 1px 0px 0px #f29f0b;
}

.extra.button{
	border: 1px solid #c17f09;
	background: -webkit-gradient(linear,50% 0,50% 100%,color-stop(50%,#f29f0b),color-stop(60%,#c17f09));
	background: -webkit-linear-gradient(#f29f0b 50%,#c17f09 60%);
	background: -moz-linear-gradient(#f29f0b 50%,#c17f09 60%);
	background: -o-linear-gradient(#f29f0b 50%,#c17f09 60%);
	background: linear-gradient(#f29f0b 50%,#c17f09 60%);
	filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0,startColorstr='#FFF29F0B',endColorstr='#FF784F05');
	-webkit-box-shadow: inset 0px 1px 0px 0px #f29f0b;
	box-shadow: inset 0px 1px 0px 0px #f29f0b;
	color: #FFF;
}


	
/* background-color:#77a809;
	color:#ffffff;	*/
}.green.button:active{
	position:relative;
	top:1px;
	color:#ffffff;
}
/* Blue */
.blue.button{
	background-color:#3d94f6;
	border:1px solid #337fed;
	color:#ffffff;
	text-shadow:1px 1px 0px #1570cd;
	-moz-box-shadow:inset 0px 1px 0px 0px #97c4fe;
	-webkit-box-shadow:inset 0px 1px 0px 0px #97c4fe;
	box-shadow:inset 0px 1px 0px 0px #97c4fe;
}.blue.button:hover{
	background-color:#1e62d0;
	color:#ffffff;
	cursor:pointer;
}.blue.button:active{
	position:relative;
	top:1px;
	color:#ffffff;
}
/* Pink */
.pink {
	background-color:#ff5bb0;
	border:1px solid #ee1eb5;
	color:#ffffff;
	text-shadow:1px 1px 0px #c70067;
	-moz-box-shadow:inset 0px 1px 0px 0px #fbafe3;
	-webkit-box-shadow:inset 0px 1px 0px 0px #fbafe3;
	box-shadow:inset 0px 1px 0px 0px #fbafe3;
}.pink:hover {
	background-color:#ef027d;
	color:#ffffff;
}.pink:active {
	position:relative;
	top:1px;
	color:#ffffff;
}
/* Purple */
.purple {
	background-color:#c579ff;
	border:1px solid #a946f5;
	color:#ffffff;
	text-shadow:1px 1px 0px #8628ce;
	-moz-box-shadow:inset 0px 1px 0px 0px #e6cafc;
	-webkit-box-shadow:inset 0px 1px 0px 0px #e6cafc;
	box-shadow:inset 0px 1px 0px 0px #e6cafc;
}.purple:hover {
	background-color:#a341ee;
	color:#ffffff;
}.purple:active {
	position:relative;
	top:1px;
	color:#ffffff;
}