/**
 * a black gradient button 
 **/

.gradientBtn{
	font-family: Arial, sans-serif;
	font-size: 16px;
	background-color: #000;
	background-image: url(../images/gradientBtn/gradientBtnBg.png);
	background-repeat: repeat-x;
	color: #fff;
	border:solid 1px #000;
	cursor: pointer;
	text-decoration: none;
	text-transform: uppercase;
	
	padding: 4px 15px 4px 15px;
	
	/* shadow */			
	   -moz-box-shadow: 0px 2px 5px #000; 
	-webkit-box-shadow: 0px 2px 5px #000; 
	        box-shadow: 0px 2px 5px #000; 
	
	/* rounded corners */
	   -moz-border-radius: 8px; 
	-webkit-border-radius: 8px; 
	        border-radius: 8px; 
	        
}

.gradientBtn:hover{
	#color: #fd6d5e; /*red*/
	#color: #85db52; /*green*/
	color: #aaa; /*grey*/
	text-decoration: none;
}

.gradientBtn.round{
	border:solid 1px #000;
	font-size: 12px;
	background-image: url(../images/gradientBtn/roundGradientBtnBg.png);
	
	/* shadow */			
	   -moz-box-shadow: none; 
	-webkit-box-shadow: none; 
	        box-shadow: none; 
	        
	/* rounded corners */
	   -moz-border-radius: 12px; 
	-webkit-border-radius: 12px; 
	        border-radius: 12px; 
	     
}

.gradientBtn.block{
	display: inline-block;
}

.gradientBtn.grey{
	color: #000;
	background-color: #ccc;
	background-image: url(../images/gradientBtn/greyGradientBtnBg.png);
	border:solid 1px #999;
}

.gradientBtn.grey:hover{
	color: #666; /*grey*/
}


.gradientBtn.big{
	padding: 18px 55px;
	text-transform: none;
	background-image: url(../images/gradientBtn/bigGradientBtnBg.png);
	/* rounded corners */
	   -moz-border-radius: 14px; 
	-webkit-border-radius: 14px; 
	        border-radius: 14px; 
}