/* Buttons - General */	

button
{
	font-family: "dejarip-1","dejarip-2", Arial, Helvetica, Tahoma, sans-serif;
	background-image: url(../graphics/btn_general_right.png);  /* the short right hand side of the button sprite */
	background-repeat:no-repeat;
	background-color: transparent;
	position: relative;
	border: 0; 
	cursor: pointer;
	overflow: visible; /* removes extra side padding in IE */
	outline:none;
}
a.button 
{
	background-image: url(../graphics/btn_general_right.png);
	background-repeat:no-repeat;
	background-color: transparent;
	position: relative;
	border: 0; 
	cursor: pointer;
	display:inline-block;
	text-decoration:none;
	outline:none;
}

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

	button span, a.button span
	{ 
		background-image: url(../graphics/btn_general_left.png); /* the longer left hand side of the button sprite */
		background-repeat:no-repeat;
		background-color: transparent;
		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;}
	button span span {margin-top: 0;}
	}
	


/* Button - Single */	

.btnSingle 
{
    background-position: right -500px;
	padding: 0 50px 0 0; /* right padding keeps background from being covered by the inner span tag background */
	margin: 15px 0;
    text-align: center;  
    font-size:2.2em;
    font-weight:500;  
}
	.btnSingle span 
	{
		background-position: left -500px;
		padding-top: 7px;
		height: 37px;
		color: #ebebeb;
  		text-shadow: 0px -1px 0px #2365b0;
		text-indent:50px; /* must match right padding of parent */
	}
	.btnSingle:hover {background-position: right -560px;}
	.btnSingle:hover span {background-position: left -560px;}
	.btnSingle.grey {background-position: right -620px;}
	.btnSingle.grey span {background-position: left -620px; color: #444; text-shadow: 0px 1px 0px #fff; }
	.btnSingle.grey:hover {background-position: right -680px;}
	.btnSingle.grey:hover span{background-position: left -680px;}
	
/* Button - Double */	

.btnDouble 
{
    background-position: right -300px;
	padding: 0 45px 0 0; /* right padding keeps background from being covered by the inner span tag background */
	margin: 15px 0;
    text-align: center;  
    font-size:2.2em;
    font-weight:500;  
}
	.btnDouble span 
	{
		background-position: left -300px;
		padding-top: 5px;
		height: 55px;
		color: #ebebeb;
  		text-shadow: 0px -1px 0px #2365b0;
		text-indent:45px; /* must match right padding of parent */
	}
	
		.btnDouble span span
		{
			background:none;
			height:auto;
			padding:0;
			font-size:60%;			
		}
	
	.btnDouble:hover {background-position: right -370px;}
	.btnDouble:hover span {background-position: left -370px;}
	.btnDouble.grey {background-position: right -160px;}
	.btnDouble.grey span {background-position: left -160px; color: #444; text-shadow: 0px 1px 0px #fff; }
	.btnDouble.grey:hover {background-position: right -230px;}
	.btnDouble.grey:hover span{background-position: left -230px;}
	
/* Button - Nav */	

.btnNav 
{
    background-position: right top;
	padding: 0 20px 0 0; /* right padding keeps background from being covered by the inner span tag background */
    text-align: center;  
    font-size:1.6em;
    font-weight:500;  
} 
	.btnNav span 
	{
		background-position: left top;
		padding-top: 4px;
		height: 25px;
		color: #ebebeb; 
  		text-shadow: 0px -1px 0px #2365b0;
		text-indent:20px; /* must match right padding of parent */
		width:inherit;
	}
	.btnNav:hover {background-position: right -40px;}
	.btnNav:hover span {background-position: left -40px;} 
	
/* Button - Forms */	

.btnForm 
{
    background-position: right -440px;
	padding: 0 14px 0 0; /* right padding keeps background from being covered by the inner span tag background */
    text-align: center;  
    font-size:1.1em;
    font-weight:bold;  
} 
	.btnForm span 
	{
		background-position: left -440px;
		padding-top: 2px;
		height: 17px;
		color: #333; 
		text-indent:14px; /* must match right padding of parent */
	}
	.btnForm:hover {background-position: right -470px;} /* reposition button sprite on rollover */
	.btnForm:hover span {background-position: left -470px;} /* reposition button sprite on rollover */
	.btnForm.blue {background-position: right -80px;}
	.btnForm.blue span {background-position: left -80px; color: #fff; }
	.btnForm.blue:hover {background-position: right -120px;}
	.btnForm.blue:hover span {background-position: left -120px;}
	
.btnSearch 
{
	padding:0;
	text-indent:-9999px;
	background: transparent url(../graphics/btn_search.png) no-repeat left top;
	height:19px;
	width:26px;
}
	.btnSearch:hover {background-position: left -20px;}