/* =================================================================
 * 			COMMON BUTTON STYLE 
 * ================================================================  */

button { 
	cursor: pointer; 
}

/*
	
button, 
.button {
	text-decoration: none;
	text-shadow: 0 1px 0 #fff;
	font-size: 11px;
	font-family:"lucida grande",tahoma,verdana,arial,sans-serif;
	font-weight:bold;
	color: #444;
	line-height: 17px;
	height: 18px;
	display: inline-block;
	margin: 5px;
	padding: 5px 7px;
	background: white;
	border: solid 1px #D9D9D9;

	-webkit-transition: border-color .20s;
	-moz-transition: border-color .20s;
	-o-transition: border-color .20s;
	transition: border-color .20s; 
}
*/





button {
	background: #f4f4f4;
	padding: 4px 12px; 
	outline: none; 
	border: solid 1px #D9D9D9;
	transition: all 0.3s ease 0s;
	text-decoration: none;
	color: #444;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold; 
	cursor: pointer;	
	border-radius: 2px;
	text-shadow: 0 1px 0 #fff;
	
}



button:hover {
	background: #f2f2f2;
	color: #333;
}



button.white{
	background: white;
	color: #555;
	
}

button.white:hover {
	color: #222;
	background: #fafafa;
} 	
 	
button.blue , .button.blue{
	background: #4C506B;
	border: 1px solid #5C607B;
	border-bottom: 1px solid #555;
	outline: none; 
	box-shadow: 1px 2px 2px 1px #ccc;
	transition: all 0.3s ease 0s;
	text-shadow: 1px 1px #000;
	text-decoration: none;
	color: white;
	line-height: 1.4;
	
}

button.blue:hover, .button.blue:hover {
	background: rgba(0, 0, 0, 0.8);
	text-decoration: none;
	
} 	


/*============ BUTTON STYLES  =======================*/
.button {
	float: left;
	font-size: 11px;
	font-family:"lucida grande",tahoma,verdana,arial,sans-serif;
	font-weight:bold;
	background: white;
	border: 1px solid #e6e6e6;
	color: #666;
	padding: 7px 10px;
	cursor: pointer;
	margin: 3px; 
	margin-left: 5px;
	display: inline-block;	  
	text-decoration: none;
	border-radius: 2px; 
	-webkit-transition: border-color .20s, background .20s;
	-moz-transition: border-color .20s, background .20s;
	-o-transition: border-color .20s, background .20s;
	transition: border-color .20s, background .20s; 

	
}

.button:hover {
	color: #333;
	background: #fefefe;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fefefe', endColorstr='#fafafa'); /* for IE */
	background: -webkit-gradient(linear, left top, left bottom, from(#fefefe), to(#fafafa)); /* for webkit browsers */
	background: -moz-linear-gradient(center top , #FEFEFE, #FAFAFA) repeat scroll 0 0 transparent;
	
}
.button:active {
	background: #f9f9f9;
	border: 1px solid #aaa;
}


.button.small {
	font-size: 13px; 
	padding: 4px 5px; 

}

.button.gsmall {
	font-size: 11px; 
	padding: 4px 6px;
	color: #666; 
	font-family: Helvetica, Tahoma, Verdana, Geneva, Arial, Helvetica, sans-serif;
	border: 1px solid #ccc;
}	

.button.gsmall:hover {
	color: #333;
	border: 1px solid #b1b1b1;
	background: #f7f7f7;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fefefe', endColorstr='#f9f9f9'); /* for IE */
	background: -webkit-gradient(linear, left top, left bottom, from(#fefefe), to(#f9f9f9)); /* for webkit browsers */
	background: -moz-linear-gradient(center top , #FEFEFE, #F9F9F9) repeat scroll 0 0 transparent;
	box-shadow: 1px 1px 5px 1px #eee;
	
}




/*

button, .buttons {
	background: #4C506B;
	padding: 4px 12px; 
	border: 1px solid #5C607B;
	border-bottom: 1px solid #555;
	outline: none; 
	
	box-shadow: 1px 2px 2px 1px #ccc;
	transition: all 0.3s ease 0s;
	text-decoration: none;
	color: white;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold; 
	cursor: pointer;	
	border-radius: 2px;
	text-shadow: 1px 1px #000;
	
}
	button:hover, .buttons:hover {
		background: rgba(0, 0, 0, 0.8);
	
	}

button.white,.buttons.white {
	background: white;
	
}
*/