/* REQUIRED BUTTON STYLES: */		
/* from http://www.filamentgroup.com/lab/update_styling_the_button_element_with_css_sliding_doors_now_with_image_spr/ *
/* button html <button value="submit" class="submitBtn"><span>Submit</span></button> */
/* http://www.jankoatwarpspeed.com/post/2008/04/30/make-fancy-buttons-using-css-sliding-doors-technique.aspx */
.background
{
  background-color: red;
  color: blue;
}

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: */	
/* right hand part of image */	
button.fixedBtn,
button.submitBtn { 
	padding: 0 8px 0 0px;  /* JS width of the small sliding image */
	margin-right: 0px; 

	text-align: center;	
    background: transparent url(images/buttonSprite1.png) no-repeat right -60px; /* last number is distance down in sprite for right hand image */
  /*  height:24px; /* JS height of button */
      
}

button.fixedBtn span,	
button.submitBtn span {
	padding: 4px 6px 0 6px; /* JS position  of text in button */
	height:20px; /* + Top padding = JS height of button ? */

  /*  width:180px; /* JS added this to make fixed width */
	background: transparent url(images/buttonSprite1.png) no-repeat left top; 
	color:#fff; 
}
	
button.fixedBtn:hover,    
button.submitBtn:hover, button.submitBtnHover { /* the redundant class is used to apply the hover state with a script */
	background-position: right -90px; 
}

button.fixedBtn:hover span,	
button.submitBtn:hover span, button.submitBtnHover span {
	background-position: 0 -30px;  /* JS er.. half the height from top of bar to top of right hand end */
}

button.fixedBtn span
{
   width:10em; /* hard coded max width for the site design */
}