button.x-btn-text /* fixing an extjs clash */
{
	box-shadow: 0 0 0 0 !important;
	padding: 0 !important;
	border-radius: 0 !important;
}
button {
    margin: 0 0 1em 0;
    background: #FFFFFF url(/images/button-bg.png) repeat-x scroll left center;
    border: 1px solid;
    border-color: #DEDEDE #BBBBBB #BFBFBF #DEDEDE;
    padding: .65em .75em !important;
    cursor: pointer;
    -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15);
    -moz-border-radius: 5px;
    -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15);
    -webkit-border-radius: 5px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15);
    border-radius: 5px;
}



button.right {
    float: right;
}

button.left {
    float: left;
}

button:hover {
    border-color: #2C8AEF;
}

button:active {
    border-color: #7FBCFF;
}

div#button {
    width: 100%;
    float: left;
    margin-top:25px;
}

.linkButton {
	font-size: 1.2em;
	margin: 0 0 1em 0;
	background: #FFFFFF url(/images/button-bg.png) repeat-x scroll left center;
	border: 1px solid;
	border-color: #DEDEDE #BBBBBB #BFBFBF #DEDEDE;
	padding: .65em .75em;
	cursor: pointer;
	-moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15);
	-moz-border-radius: 5px;
	-webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15);
	-webkit-border-radius: 5px;
	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15);
	border-radius: 5px;
	float: right;
}

.greenButton {
	background: #FFFFFF url(/images/button-bg-green.png) repeat-x scroll left center;
}

.blueButton {
	background: #FFFFFF url(/images/button-bg-blue.png) repeat-x scroll left center;
}

.redButton {
	background: #FFFFFF url(/images/button-bg-red.png) repeat-x scroll left center;
}

.yellowButton {
	background: #FFFFFF url(/images/button-bg-yellow.png) repeat-x scroll left center;
}