/* REQUIRED BUTTON STYLES: */		
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.pink_button { 
	padding: 0 1em 0 0; 
	height:32px; 
	font-size:1em; 
	font-weight: bold;
	text-align: center; 
	background: transparent url(/images/buttons/pink_button_sprite.png) no-repeat right -140px;
	margin-left: 1em;
}
	
button.pink_button span {
	padding: 0.65em 0 0 1.2em; 
	height:32px; 
	background: transparent url(/images/buttons/pink_button_sprite.png) no-repeat left top; 
	color:#fff; 
}
	
button.pink_button:hover, button.pink_buttonHover { /* the redundant class is used to apply the hover state with a script */
	background-position: right -210px; 
}
	
button.pink_button:hover span, button.pink_buttonHover span {
	background-position: 0 -70px;
}



button.red_button { 
	padding: 0 0.9em 0 0; 
	margin-right: 1em;
	font-size:1em; 
	height:32px; 
	font-weight: bold;
	text-align: center; 
	background: transparent url(/images/buttons/red_button_sprite.png) no-repeat right -140px; 
}
	
button.red_button span {
	padding: 0.5em 0 0 1em; 
	height:32px; 
	background: transparent url(/images/buttons/red_button_sprite.png) no-repeat left top; 
	color:#fff; 
}
	
button.red_button:hover, button.red_buttonHover { /* the redundant class is used to apply the hover state with a script */
	background-position: right -210px; 
}
	
button.red_button:hover span, button.red_buttonHover span {
	background-position: 0 -70px;
}



button.blue_button { 
	padding: 0 0.9em 0 0; 
	margin-right: 1em; 
	height:32px; 
	font-size:1em; 
	font-weight: bold;
	text-align: center; 
	background: transparent url(/images/buttons/blue_button_sprite.png) no-repeat right -140px; 
}
	
button.blue_button span {
	padding: 0.5em 0 0 1.2em; 
	height:32px; 
	background: transparent url(/images/buttons/blue_button_sprite.png) no-repeat left top; 
	color:#fff; 
}
	
button.blue_button:hover, button.blue_buttonHover { /* the redundant class is used to apply the hover state with a script */
	background-position: right -210px; 
}
	
button.blue_button:hover span, button.blue_buttonHover span {
	background-position: 0 -70px;
}



button.green_button { 
	padding: 0 0.9em 0 0; 
	margin-right: 1em;
	font-size:1em;  
	height:32px; 
	font-weight: bold;
	text-align: center; 
	background: transparent url(/images/buttons/green_button_sprite.png) no-repeat right -140px; 
}
	
button.green_button span {
	padding: 0.5em 0 0 1.2em; 
	height:32px; 
	background: transparent url(/images/buttons/green_button_sprite.png) no-repeat left top; 
	color:#fff; 
}
	
button.green_button:hover, button.green_buttonHover { /* the redundant class is used to apply the hover state with a script */
	background-position: right -210px; 
}
	
button.green_button:hover span, button.green_buttonHover span {
	background-position: 0 -70px;
}



button.grey_button { 
	padding: 0 0.9em 0 0; 
	margin-right: 1em; 
	height:32px; 
	font-size:1em; 
	font-weight: bold;
	text-align: center; 
	background: transparent url(/images/buttons/grey_button_sprite.png) no-repeat right -140px; 
}
	
button.grey_button span {
	padding: 0.5em 0 0 1.2em; 
	height:32px; 
	background: transparent url(/images/buttons/grey_button_sprite.png) no-repeat left top; 
	color:#fff; 
}
	
button.grey_button:hover, button.grey_buttonHover { /* the redundant class is used to apply the hover state with a script */
	background-position: right -210px; 
}
	
button.grey_button:hover span, button.grey_buttonHover span {
	background-position: 0 -70px;
}



button.black_button { 
	padding: 0 0.9em 0 0; 
	margin-right: 1em; 
	height:32px; 
	font-size:1em; 
	font-weight: bold;
	text-align: center; 
	background: transparent url(/images/buttons/black_button_sprite.png) no-repeat right -140px; 
}
	
button.black_button span {
	padding: 0.5em 0 0 1.2em; 
	height:32px; 
	background: transparent url(/images/buttons/black_button_sprite.png) no-repeat left top; 
	color:#fff; 
}
	
button.black_button:hover, button.black_buttonHover { /* the redundant class is used to apply the hover state with a script */
	background-position: right -210px; 
}
	
button.black_button:hover span, button.black_buttonHover span {
	background-position: 0 -70px;
}



button.pink_button_grey,
button.pink_button_grey:hover,
button.pink_button_blue,
button.pink_button_blue:hover,
button.pink_button_white,
button.pink_button_white:hover,
button.pink_button_white_large,
button.pink_button_white_large:hover,
button.pink_button_grey_large,
button.pink_button_grey_large:hover,
button.blue_button_white,
button.blue_button_white:hover,
button.blue_button_white_large,
button.blue_button_white_large:hover,
button.blue_button_white_fat,
button.blue_button_white_fat:hover {
	background: url(/images/buttons/pink_button_grey.gif) no-repeat left center;
	width: 127px;
	height: 27px;
	padding: 3px auto;
	font-weight: bold;
	color: white;
	font-size: 1.1em;
	font-family: "Futura Light BT", "MS Sans Serif", Helvetica, Arial, sans;
}

button.pink_button_grey:hover {
	background: url(/images/buttons/pink_button_roll_grey.gif) no-repeat left center;
	color: black;
}
button.pink_button_blue {
	background: url(/images/buttons/pink_button_blue.gif) no-repeat left center;
}
button.pink_button_blue:hover {
	background: url(/images/buttons/pink_button_roll_blue.gif) no-repeat left center;
	color: black;
}
button.pink_button_white {
	background: url(/images/buttons/pink_button_white.gif) no-repeat left center;
}
button.pink_button_white:hover {
	background: url(/images/buttons/pink_button_roll_white.gif) no-repeat left center;
	color: black;
}
button.pink_button_white_large {
	background: url(/images/buttons/pink_button_white_large.gif) no-repeat left center;
	width: 147px;
}
button.pink_button_white_large:hover {
	background: url(/images/buttons/pink_button_roll_white_large.gif) no-repeat left center;
	color: black;
	width: 147px;
}
button.pink_button_grey_large {
	background: url(/images/buttons/pink_button_grey_large.gif) no-repeat left center;
	width: 147px;
}
button.pink_button_grey_large:hover {
	background: url(/images/buttons/pink_button_roll_grey_large.gif) no-repeat left center;
	color: black;
	width: 147px;
}
button.blue_button_white {
	background: url(/images/buttons/blue_button_white.gif) no-repeat left center;
}
button.blue_button_white:hover {
	background: url(/images/buttons/blue_button_roll_white.gif) no-repeat left center;
	color: black;
}
button.blue_button_white_large {
	background: url(/images/buttons/blue_button_white_large.gif) no-repeat left center;
	width: 147px;
}
button.blue_button_white_large:hover {
	background: url(/images/buttons/blue_button_roll_white_large.gif) no-repeat left center;
	color: black;
	width: 147px;
}
button.blue_button_white_fat {
	background: url(/images/buttons/blue_button_white_fat.gif) no-repeat left center;
	height: 54px;
	width: 147px;
}
button.blue_button_white_fat:hover {
	/*background: url(/images/buttons/blue_button_roll_white_fat.gif) no-repeat left center;*/
	color: black;
	height: 54px;
	width: 147px;
}


button.pink_button_blue_disabled,
button.pink_button_white_disabled {
	width: 127px;
	height: 27px;
	padding: 3px auto;
	font-weight: bold;
	color: white;
	font-size: 1.1em;
	font-family: "Futura Light BT", "MS Sans Serif", Helvetica, Arial, sans;
	background: url(/images/buttons/pink_button_roll_disabled.gif) no-repeat left center;
	color: white;
	cursor: default;
}



button.pink_button_grey span,
button.pink_button_blue span,
button.pink_button_white span,
button.blue_button_white span,
button.blue_button_white_large span,
button.blue_button_white_fat span {
	display: block;
	color: white;
}


button.pink_button_grey_small,
button.pink_button_grey_small:hover,
button.pink_button_blue_small,
button.pink_button_blue_small:hover,
button.pink_button_white_small,
button.pink_button_white_small:hover {
	/*background: url(/images/buttons/pink_button_grey_small.gif) no-repeat left center;*/
	width: 74px;
	height: 27px;
	padding: 3px auto;
	font-weight: bold;
	color: white;
	font-size: 1.1em;
	font-family: "Futura Light BT", "MS Sans Serif", Helvetica, Arial, sans;
}

button.pink_button_grey_small:hover {
	/*background: url(/images/buttons/pink_button_roll_grey_small.gif) no-repeat left center;*/
	color: black;
}
button.pink_button_blue_small {
	background: url(/images/buttons/pink_button_blue_small.gif) no-repeat left center;
}
button.pink_button_blue_small:hover {
	background: url(/images/buttons/pink_button_roll_blue_small.gif) no-repeat left center;
	color: black;
}
button.pink_button_white_small {
	background: url(/images/buttons/pink_button_white_small.gif) no-repeat left center;
}
button.pink_button_white_small:hover {
	background: url(/images/buttons/pink_button_roll_white_small.gif) no-repeat left center;
	color: black;
}

button.pink_button_grey_small span,
button.pink_button_blue_small span,
button.pink_button_white_small span {
	display: block;
	color: white;
}