/*
*******************
Styled Form buttons
*/
/*button,
div.button {
	position: relative;
	border: 0;
	padding: 0;
	cursor: pointer;
	overflow: visible;
}

button span,
div.button a {
	position: relative;
	display: block;
	white-space: nowrap;
}

div.button {
	float: left;
}*/
div.styledButton {
	float: left;
}

.styledButton {
	position: relative;
	border: 0;
	cursor: pointer;
	overflow: visible;
	padding: 0 40px 0 0;
	margin-right: 5px;
	font-size: 0.875em;
	font-weight: bold;
	text-align: center;
	background: transparent url(../images/styledbutton.png) no-repeat right -122px;
}

.styledButton span,
.styledButton a {
	position: relative;
	display: block;
	white-space: nowrap;
	padding: 10px 0 0 40px;
	height: 33px;
	background: transparent url(../images/styledbutton.png) no-repeat left top;
	color: #fafafa;
}

.styledButton:hover,
.styledButtonHover {
	background-position: right -181px;
}

.styledButton:hover span,
.styledButtonHover span,
.styledButton:hover a,
.styledButtonHover a {
	background-position: 0 -61px;
}

/* Browser fixes for styled buttons */
button::-moz-focus-inner { border: none;}
@media screen and (-webkit-min-device-pixel-ratio:0) {
        /* Safari and Google Chrome only - fix margins */
        .styledButton span,
		  .styledButton a {
                margin-top: -1px;
        }
}

/*
********************************
BUTTON STYLES, BACKGROUND & FONT
*/
.styledButton.style1,
.styledButton.style1 span,
.styledButton.style1 a
{
	color: #fafafa;
	background-image: url(../images/styledbutton1.png);
}
.styledButton.style1:hover span,
.styledButton.style1:hover a
{
	color: #191919;
}

.styledButton.style2,
.styledButton.style2 span,
.styledButton.style2 a
{
	color: #fafafa;
	background-image: url(../images/styledbutton2.png);
}
.styledButton.style2:hover span,
.styledButton.style2:hover a
{
	color: #fafafa;
}

.styledButton.style3,
.styledButton.style3 span,
.styledButton.style3 a
{
	color: #fafafa;
	background-image: url(../images/styledbutton3.png);
}
.styledButton.style3:hover span,
.styledButton.style3:hover a
{
	color: #191919;
}

.styledButton.style4,
.styledButton.style4 span,
.styledButton.style4 a
{
	color: #fafafa;
	background-image: url(../images/styledbutton4.png);
}
.styledButton.style4:hover span,
.styledButton.style4:hover a
{
	color: #fafafa;
}


.styledButton.style5,
.styledButton.style5 span,
.styledButton.style5 a
{
	color: #191919;
	background-image: url(../images/styledbutton5.png);
}
.styledButton.style5:hover span,
.styledButton.style5:hover a
{
	color: #191919;
}