.buttons {
	margin: 1em 0;
}

.buttons a, .buttons button {
	display: block;
	float: left;
	margin: 0 1em 0 0;
	background-color: #f5f5f5;
	border: 1px solid #dedede;
	border-top: 1px solid #eee;
	border-left: 1px solid #eee;

	font-family: Arial, sans-serif;
	font-size: 0.9em;
	line-height: 1.1em;
	text-decoration: none;
	font-weight: bold;
	color: #565656;
	cursor: pointer;
	padding: 0.5em 1em 0.6em 0.7em;
}
.buttons button {
	width: auto;
	overflow: visible;
	padding: 4px 10px 3px 7px;
}
.buttons button[type] {
	padding: 0.5em 1em;
	line-height: 1.3em;
}
*:first-child+html button[type] {
	padding: 0.5em 1em;
}
.buttons button img, .buttons a img {
	margin: 0 3px -3px 0 !important;
	padding: 0;
	border: none;
	width: 16px;
	height: 16px;
}

button:hover, .buttons a:hover {
	background-color: #dff4ff;
	border: 1px solid #c2e1ef;
	color: #336699;
}
.buttons a:active {
	background-color: #6299c5;
	border: 1px solid #6299c5;
	color: #fff;
}

button.positive, .buttons a.positive {
	color: #529214;
}
.buttons a.positive:hover, button.positive:hover {
	background-color: #E6EFC2;
	border: 1px solid #C6D880;
	color: #529214;
}
.buttons a.positive:active {
	background-color: #529214;
	border: 1px solid #529214;
	color: #fff;
}

.buttons a.negative, button.negative {
	color: #d12f19;
}
.buttons a.negative:hover, button.negative:hover {
	background: #fbe3e4;
	border: 1px solid #fbc2c4;
	color: #d12f19;
}
.buttons a.negative:active {
	background-color: #d12f19;
	border: 1px solid #d12f19;
	color: #fff;
}

input,
textarea {
	font-size: 0.9em;
	font-family: Arial, sans-serif;
	width: 60%;
	border-color: #7c7c7c #c3c3c3 #ddd;
	border-style: solid;
	border-width: 1px;
	color: #444;
	padding: 0.5em;
	margin: 0.5em 0;
}

input.image {
	border: none;
	width: inherit;
}

textarea {
	width: 70%;
	height: 8em;
}
input:focus, textarea:focus {
	background:#FFFCDF;
}
label {
	float: left;
	width: 7em;
	font-size: 0.8em;
	color: #8b8b8b;
	margin: 1em 0 0 0.4em;
}
