button {
	background-color: #b3b3b3;
	background-image: -moz-linear-gradient( 90deg, rgb(242,242,242) 0%, rgb(255,255,255) 100%);
	background-image: -webkit-linear-gradient( 90deg, rgb(242,242,242) 0%, rgb(255,255,255) 100%);
	background-image: -ms-linear-gradient( 90deg, rgb(242,242,242) 0%, rgb(255,255,255) 100%);
	border:1px solid #cccccc;
	border-radius: 3px;
	-moz-box-shadow: 0 1px 2px rgba(0,0,0,.07);
	box-shadow: 0 1px 2px rgba(0,0,0,.07);
	color: #777777;
	cursor: pointer;
	font-size: 13px;
	font-weight: 600;
	line-height: 15px;
	height: auto;
	padding: 8px 16px;
	text-transform: uppercase;
}

button {
	margin: 5px;
}

button:active,
button.pressed {
	-moz-box-shadow: none;
	box-shadow: none;
	background: #e5e5e5;
	border-color: #bbb;
	color: #777;
}

button.cloudy {
	background-image: -moz-linear-gradient( 90deg, rgb(229,229,229) 0%, rgb(242,242,242) 100%);
	background-image: -webkit-linear-gradient( 90deg, rgb(229,229,229) 0%, rgb(242,242,242) 100%);
	background-image: -ms-linear-gradient( 90deg, rgb(229,229,229) 0%, rgb(242,242,242) 100%);
	border-color: #ccc;
	color: #777;
}

button.cloudy:hover {
	border-color: #c3c3c3;
}

button.cloudy:active {
	background: #dedede;
	border-color: #aaa;
}

button.dark {
	background-image: -moz-linear-gradient( 90deg, rgb(120,120,120) 0%, rgb(146,146,146) 100%);
	background-image: -webkit-linear-gradient( 90deg, rgb(120,120,120) 0%, rgb(146,146,146) 100%);
	background-image: -ms-linear-gradient( 90deg, rgb(120,120,120) 0%, rgb(146,146,146) 100%);
	border-color: #666666;
	color: #ffffff;
	padding-right: 35px;
	padding-left: 35px;
}

button.warning {
	background-color: #FF5544;
	background-image: none;
	border-color: #f54;
	color: #ffffff;
}

button.dark:active {
	background-image: -moz-linear-gradient( 90deg, rgb(94,94,94) 0%, rgb(120,120,120) 100%);
	background-image: -webkit-linear-gradient( 90deg, rgb(94,94,94) 0%, rgb(120,120,120) 100%);
	background-image: -ms-linear-gradient( 90deg, rgb(94,94,94) 0%, rgb(120,120,120) 100%);
	background: #777;
}

button.in-process {
	background: transparent !important;
	border-color: #777;
	-moz-box-shadow: none;
	box-shadow: none;
	color: #555;
}

button.warning.in-process {
	border: 1px solid #f54;
	color: #f54;
}

button.disabled {
	background: transparent !important;
	background-image: none !important;
	border-color: #ddd !important;
	-moz-box-shadow: none;
	box-shadow: none;
	color: #ddd !important;
}

button > * {
	vertical-align: middle;
}

button .icon {
	background-position: -104px -62px;
	height: 7px;
	margin-left: 9px;
	margin-right: 0;
	width: 9px;
}
