/* REQUIRED BUTTON STYLES: */
a.linkBtn  {
	text-decoration:none;
	display:block;
	float:left;
	}
a.fixed {	width:100px; }
button { 
	position: relative;
	border: 0; 
	padding: 0;
	cursor: pointer;
	overflow: visible; /* removes extra side padding in IE */
	}
a.linkBtn { 
	border: 0; 
	padding: 0;
	}
button::-moz-focus-inner, a.linkBtn::-moz-focus-inner {
	border: none;  /* overrides extra padding in Firefox */
	}
button span { 
	position: relative;
	display: block; 
	white-space: nowrap;	
	}
a.linkBtn span { 
	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.submitBtn, a.linkBtn { 
	padding: 0 15px 0 0; 
	margin-right:5px; 
	font-size:14px; 
	text-align: center;
	background: transparent url("/images/btn_green.gif") no-repeat right -87px; 
	}
button.submitBtn span, a.linkBtn span {
	padding: 0 0 0 15px; 
	height:28px; 
	background: transparent url("/images/btn_green.gif") no-repeat left top; 
	color:#fff; 
	line-height:28px;
	}
	button.blue, a.blue {background: transparent url("/images/btn_blue.gif") no-repeat right -87px; }
	button.blue span, a.blue span {background: transparent url("/images/btn_blue.gif") no-repeat left top; }
	button.red, a.red {background: transparent url("/images/btn_red.gif") no-repeat right -87px; }
	button.red span, a.red span {background: transparent url("/images/btn_red.gif") no-repeat left top; }
	button.yellow, a.yellow {background: transparent url("/images/btn_yellow.gif") no-repeat right -87px; }
	button.yellow span, a.yellow span {background: transparent url("/images/btn_yellow.gif") no-repeat left top; color:#9E5401; }
	button.myyellow, a.myyellow {background: transparent url("/images/btn_myyellow.gif") no-repeat right -87px; }
	button.myyellow span, a.myyellow span {background: transparent url("/images/btn_myyellow.gif") no-repeat left top; }
	button.mygreen, a.mygreen {background: transparent url("/images/btn_mygreen.gif") no-repeat right -87px; }
	button.mygreen span, a.mygreen span {background: transparent url("/images/btn_mygreen.gif") no-repeat left top; }

button.submitBtn:hover, button.submitBtnHover, a.linkBtn:hover, a.linkBtnHover { /* redundant class will apply the hover state with a script */
	background-position: right -116px; 
	}
button.submitBtn:hover span, button.submitBtnHover span, a.linkBtn:hover span, a.linkBtnHover span {
	background-position: 0 -29px;
	}
/* On Click event */
button.submitBtn:active, a.linkBtn:active {
    background-position: right -145px;
	}
button.submitBtn:active span, a.linkBtn:active span {
    background-position: 0 -58px;
	line-height:27px; /* push text down 1px */
	}
/* Active State */
button.active, a.active, button.active:hover , a.active:hover {
    background-position: right -145px;
	}
button.active span, a.active span, button.active:hover span, a.active:hover span {
    background-position: 0 -58px;
	color:#9E5401;
	}