/* ===============================================================================
=> SEXY BUTTONS
		Credits:
		http://www.filamentgroup.com/lab/styling_the_button_element_with_sliding_doors
		http://www.cssplay.co.uk/menu/inline-links3.html
=============================================================================== */


/* ===============================================================================
=> SHARED
=============================================================================== */
.sexy-button {
  border:none;
  padding: 0 20px 0 0;
  margin:0 5px 0 0;
  font-size:12px; 
  text-align: center;
  cursor:pointer;
  background:transparent url(/images/sexy_buttons/default.png) no-repeat right -80px;
}
.sexy-button span {
  padding: 0 0 0 20px;
  height:31px;
  line-height:31px;
  background:transparent url(/images/sexy_buttons/default.png) no-repeat left top;
  cursor:pointer;
  color:#d3e1eb;
}
/* ===============================================================================
=> BUTTON
=============================================================================== */
button.sexy-button {
  position:relative;
  overflow: visible; /* removes extra side padding in IE */
}
button.sexy-button::-moz-focus-inner {
  border: none;  /* overrides extra padding in Firefox */
}
button.sexy-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.sexy-button span {
		margin-top: -1px;
	}
}
/* ===============================================================================
=> A
=============================================================================== */
a.sexy-button {
  text-decoration:none;
  display:inline-block;
}
a.sexy-button span {
  display:inline-block; 
}
/* ===============================================================================
=> HOVER
=============================================================================== */
.sexy-button:hover {
  background-color:transparent;
  background-position:right -120px;
}
.sexy-button:hover span {
  background-color:transparent;
  background-position:left -40px;
	color:white;
}