/* CSS Document */


/* BUTTONS */

button {
}

.buttons a.button, .buttons button {
	display: inline-block;
	/*float: left;*/
	margin: 0 7px 0 0;
	background: #d4d4d6 url('../images/button-bg.png') repeat-x left top;
	border: 1px solid #909090;
	font-family: Tahoma, Verdana, "Lucida Grande", "Helvetica Neue", Arial, Verdana, sans-serif;
	font-size: 9pt;
	line-height: 130%;
	text-decoration: none;
	font-weight: bold;
	color: #333;
	cursor: pointer;
	padding: 5px 10px 5px 10px; /* Links */
	overflow: hidden;
	vertical-align: middle;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
}

.buttons a.button img, .buttons button img {
	vertical-align: top;
}

.buttons button {
	width: auto;
	overflow: visible;
	padding: 4px 10px 3px 10px; /* IE6 */
}

.buttons button[type] {
	padding: 5px 10px 5px 10px; /* Firefox */
	line-height: 17px; /* Safari */
}

*:first-child+html button[type] {
	padding: 1px 7px 2px 7px; /* IE7 */
}

.buttons button img, .buttons a.button img {
	margin: 0 3px -3px 0 !important;
	padding: 0;
	border: none;
	height: 16px;
	width: 16px;
	vertical-align: middle\9;
	vertical-align /*\**/: top;
}

/* STANDARD */
.buttons button:hover, .buttons a.button:hover {
	border-color: #336699;
	color: #336699;
}

.buttons a.button:active {
	border-color: #606060;
	color: #000;
}

/* POSITIVE */
button.positive, .buttons a.button.positive {
	color: #529214;
}

.buttons a.button.positive:hover, button.positive:hover {
	border-color: #529214;
	color: #529214;
}

.buttons a.button.positive:active {
	border-color: #529214;
	color: #000;
}

/* NEGATIVE */
.buttons a.button.negative, button.negative {
	color: #d12f19;
}

.buttons a.button.negative:hover, button.negative:hover {
	border-color: #d12f19;
	color: #d12f19;
}

.buttons a.button.negative:active {
	border-color: #d12f19;
	color: #000;
}

/* REGULAR */
.buttons button.regular, .buttons a.button.regular {
	color: #336699;
}

.buttons a.button.regular:hover, button.regular:hover {
	border-color: #336699;
	color: #336699;
}

.buttons a.button.regular:active {
	border-color: #6299c5;
	color: #000;
}

.buttons a.button:active, .buttons button:focus {
	background: #d4d4d6 url('../images/button-focus-bg.png') repeat-x left top;
}