/* a .button */
a.button-white,
a.btn-white {
	background: url(../i/btn/btn-sprite-white.gif) no-repeat center right;
	display: block;
	float: left;
	height: 20px; /* background image height */
	margin-right: 6px;
	padding-right:10px;
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color:#414039;
}

a.button-white span,
a.btn-white span {
	background: url(../i/btn/btn-sprite-white.gif) no-repeat center left;
	display: block;
	line-height: 20px; /* background image height */
	padding-left:10px;
	color:#414039;
}


a.button-white:link span,
a.button-white:visited span,
a.btn-white:link span,
a.btn-white:visited span {
}

a.button-white:hover,
a.btn-white:hover {
	background-position: top right;
}

a.button-white:hover span,
a.btn-white:hover span {
	text-decoration: none;
	color: #ffffff;
	background-position: top left;
}

a.button-white:active,
a.btn-white:active {
	background-position: bottom right;
}

a.button-white:active span,
a.btn-white:active span {
	background-position: bottom left;
	color:#fadca1;
}

a.btn-gr {
	background: url(../i/btn/btn-sprite-gr.gif) no-repeat center right;
	display: block;
	float: left;
	height: 20px; /* background image height */
	margin-right: 6px;
	padding-right:10px;
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
}

a.btn-gr span {
	background: url(../i/btn/btn-sprite-gr.gif) no-repeat center left;
	display: block;
	line-height: 20px; /* background image height */
	padding-left:10px;
}

a.btn-gr:link span,
a.btn-gr:visited span {
}

a.btn-gr:hover {
	background-position: top right;
}

a.btn-gr:hover span {
	text-decoration: none;
	color: #ffffff;
	background-position: top left;
}

a.btn-gr:active {
	background-position: bottom right;
}

a.btn-gr:active span {
	background-position: bottom left;
	color:#fadca1;
}

a.btn-yw {
	background: url(../i/btn/nc-btn-sprite-white.gif) no-repeat center right;
	display: block;
	float: left;
	height: 20px; /* background image height */
	margin-right: 6px;
	padding-right:10px;
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color:#414039;
}

a.btn-yw span {
	background: url(../i/btn/nc-btn-sprite-white.gif) no-repeat center left;
	display: block;
	line-height: 20px; /* background image height */
	padding-left:10px;
		color:#414039;

}

a.btn-yw:link span,
a.btn-yw:visited span {
}

a.btn-yw:hover {
	background-position: top right;
}

a.btn-yw:hover span {
	text-decoration: none;
	color: #ffffff;
	background-position: top left;
}

a.btn-yw:active {
	background-position: bottom right;
}

a.btn-yw:active span {
	background-position: bottom left;
	color:#fadca1;
}


/* dark sprite */
a.btn-dk,
.comment_reply a,
.comment_edit a,
.comment_delete a {
	background: url(../i/btn/btn-sprite-dk.gif) no-repeat center right;
	display: block;
	float: left;
	height: 20px; /* background image height */
	margin-right: 6px;
	padding-right:10px;
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
}

a.btn-dk span,
.comment_reply a span,
.comment_edit a span,
.comment_delete a span {
	background: url(../i/btn/btn-sprite-dk.gif) no-repeat center left;
	display: block;
	line-height: 20px; /* background image height */
	padding-left:10px;
}

a.btn-dk:link span,
a.btn-dk:visited span,
.comment_reply a:link span,
.comment_edit a:link span,
.comment_delete a:link span,
.comment_reply a:link span,
.comment_edit a:link span,
.comment_delete a:link span {
}

a.btn-dk:hover,
.comment_reply a:hover,
.comment_edit a:hover,
.comment_delete a:hover {
	background-position: top right;
}

a.btn-dk:hover span,
.comment_reply a:hover span,
.comment_edit a:hover span,
.comment_delete a:hover span {
	text-decoration: none;
	color: #ffffff;
	background-position: top left;
}

a.btn-dk:active,
.comment_reply a:active,
.comment_edit a:active,
.comment_delete a:active {
	background-position: bottom right;
}

a.btn-dk:active span,
.comment_reply a:active span,
.comment_edit a:active span,
.comment_delete a:active span {
	background-position: bottom left;
	color:#fadca1;
}




/* buttons */

/* REQUIRED BUTTON STYLES: */		

.submit-wrap {display:inline;}

button { 
	position: relative;
	border: 0; 
	padding: 0;
	cursor: pointer;
	overflow: visible; /* removes extra side padding in IE */
}

button::-moz-focus-inner {
	border: none;  /* overrides extra padding in Firefox */
}

button span { 
	position: relative;
	display: block; 
	white-space: nowrap;	
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
	/* Safari and Google Chrome only - fix margins */
	button span {
		margin-top: -1px;
	}
}


/* OPTIONAL BUTTON STYLES for applying custom look and feel: */		
button.submit-button-dark { 
	padding: 0 10px 0 0; 
	margin-right:5px; 
	font-size:11px; 
	font-weight:bold;
	text-align: center; 
	background: transparent url(../i/btn/dark-sprite.gif) no-repeat right -80px; 
}
	
button.submit-button-dark span {
	padding: 3px 0 0 10px; 
	height:20px; 
	background: transparent url(../i/btn/dark-sprite.gif) no-repeat left top; 
	color:#414039; 
}
	
button.submit-button-dark:hover, button.submitBtnDarkHover { /* the redundant class is used to apply the hover state with a script */
	background-position: right -120px; 
}
	
button.submit-button-dark:hover span, button.submitBtnDarkHover span {
	background-position: 0 -40px;
		color:#ffffff
}


button.submit-button { 
	padding: 0 10px 0 0; 
	margin-right:5px; 
	font-size:11px; 
	font-weight:bold;
	text-align: center; 
	background: transparent url(../i/btn/light-sprite.gif) no-repeat right -80px; 
}
	
button.submit-button span {
	padding: 3px 0 0 10px; 
	height:20px; 
	background: transparent url(../i/btn/light-sprite.gif) no-repeat left top; 
	color:#414039; 
}
	
button.submit-button:hover, button.submitBtnHover { /* the redundant class is used to apply the hover state with a script */
	background-position: right -120px; 
}
	
button.submit-button:hover span, button.submitBtnHover span {
	background-position: 0 -40px;
		color:#ffffff
}