
.button, .button span {
	text-decoration:none;
	display: inline-block;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}
.button {
	white-space: nowrap;
	line-height:1em;
	position:relative;
	outline: none;
	overflow: visible; /* removes extra side padding in IE */
	cursor: pointer;
	border: none;
	-moz-user-select: none;
	-webkit-user-select:none;
	-khtml-user-select: none;
	user-select: none;
	/*margin-bottom:10px;*/
}
.button.full, .button.full span {
	display: block;
}
.button:hover, .button.hover {
	background: -moz-linear-gradient(
		center top,
		rgba(255, 255, 255, .2) 0%,
		rgba(255, 255, 255, .1) 100%
	);/* FF3.6 */
	background: -webkit-gradient(
		linear,
		center bottom,
		center top,
		from(rgba(255, 255, 255, .1)),
		to(rgba(255, 255, 255, .2))
	);/* Saf4+, Chrome */
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorStr='#33FFFFFF', EndColorStr='#19FFFFFF'); /* IE6,IE7 */
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#33FFFFFF', EndColorStr='#19FFFFFF')"; /* IE8 */
}
.button:active, .button.active {
	top:1px;
}
.button span {
	position: relative;
	color:#fff;
	border: none;
	padding: 0.4em 0.6em;
	line-height:1em;
	text-decoration:none;
	text-align:center;
	white-space: nowrap;
}



input.button {
	color:#fff;
	border: none;
	padding: 0.4em 0.6em;
	line-height:1em;
	text-align:center;
	white-space: nowrap;
}

.button.verysmall span, input.verysmall {
	font-size:11px;
	padding:0.4em 0.7em 0.5em;
}
.button.small span, input.small {
	font-size:12px;
}
.button.medium span, input.medium {
	font-size:14px;
}
.button.large span, input.large {
	font-size:18px;
}
.button.verylarge span, input.verylarge {
	font-size:24px;
}


.button.arrow-medium, .button.arrow-medium span, .button.arrow-medium i {
	font-size: 14px;
	line-height: 19px;
	text-transform: lowercase;
}
	.button.arrow-medium span {
		padding: 5px 10px; /*4px 10px 6px*/
	}
		.button.arrow-medium i {
			padding: 5px 18px 6px 10px;
			color: #fff;
			font-style: normal;
			-webkit-border-radius: 0 4px 4px 0;
			-moz-border-radius: 0 4px 4px 0;
			border-radius: 0 4px 4px 0;
		}
		
		.button.arrow-medium.red i {
			background: #ff8175 url('buttons/button-arrow.png') no-repeat 5px 5px;
		}
		
		.button.arrow-medium.gray i {
			background: #81725e url('buttons/button-arrow.png') no-repeat 5px 5px;
		}


.button.arrow-small, .button.arrow-small span, .button.arrow-small i {
	font-size: 12px;
	line-height: 14px;
	text-transform: lowercase;
}
	.button.arrow-small span {
		padding: 5px 10px;
	}
		.button.arrow-small i {
			padding: 4px 12px 4px 10px;
			color: #fff;
			font-style: normal;
			-webkit-border-radius: 0 4px 4px 0;
			-moz-border-radius: 0 4px 4px 0;
			border-radius: 0 4px 4px 0;
		}
		
		.button.arrow-small.red i {
			background: #ff8175 url('buttons/button-arrow-small.png') no-repeat 5px 5px;
		}
		
		.button.arrow-small.gray i {
			background: #81725e url('buttons/button-arrow-small.png') no-repeat 5px 5px;
		}


.button.arrow-verysmall, .button.arrow-verysmall span, .button.arrow-verysmall i {
	font-size: 10px;
	line-height: 12px;
	text-transform: lowercase;
}
	.button.arrow-verysmall span {
		padding: 4px 6px;
	}
		.button.arrow-verysmall i {
			padding: 4px 9px 3px;
			color: #fff;
			font-style: normal;
			-webkit-border-radius: 0 4px 4px 0;
			-moz-border-radius: 0 4px 4px 0;
			border-radius: 0 4px 4px 0;
		}
		
		.button.arrow-verysmall.red i {
			background: #ff8175 url('buttons/button-arrow-small.png') no-repeat 3px 3px;
		}
		
		.button.arrow-verysmall.gray i {
			background: #81725e url('buttons/button-arrow-small.png') no-repeat 3px 3px;
		}


.button.black {
	background-color: #333333;
}
.button.gray {
	background-color: #897E72;
}
.button.white {
	background-color: #FFFFFF;
}
.button.white span{
	color: #666666;
}
.button.red {
	background-color: #e04c4c;
}
.button.orange {
	background-color: #ff5c00;
}
.button.magenta {
	background-color: #A9014B;
}
.button.yellow {
	background-color: #ffb515;
}
.button.blue_light {
	background-color: #00ADEE;
}
.button.blue {
	background-color: #2B84BC;
}
.button.pink {
	background-color: #e22092;
}
.button.green {
	background-color: #e04c4c;
}
.button.rosy {
	background-color: #F16C7C;
}
.button.brown {
	background-color: #804000;
}
.button.purple {
	background-color: #800080;
}
.button.cyan {
	background-color: #46C7C7;
}
.button.gold {
	background-color: #D4A017;
}
