
#button{
	color: #fff;
	cursor: pointer;
	padding: 15px 40px;
	text-align: center;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	margin: 5px;
	-moz-background-clip: padding;
	-webkit-background-clip: padding-box;
	background-clip: padding-box;
}

#sm-button{
	color: #fff;
	cursor: pointer;
	padding: 7px 20px;
	text-align: center;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	margin: 5px;
	-moz-background-clip: padding;
	-webkit-background-clip: padding-box;
	background-clip: padding-box;
}


/* ----- Green Buttons ----- */
.green-btn{
	background-color: #9fd148;
}
.green-btn:hover{
	background-color: #a9ee48;
}
.green-btn:active{
	background-color: #81b627;
	-moz-box-shadow: 0 4px 10px rgba(0,0,0,.19);
	-webkit-box-shadow: 0 4px 10px rgba(0,0,0,.19);
	box-shadow: 0 4px 10px rgba(0,0,0,.19);
}


/* ----- Ash Buttons ----- */
.ash-btn{
	background-color: #58626e;
}
.ash-btn:hover{
	background-color: #b7bbc1;
}
.ash-btn:active{
	background-color: #363c43;
	-moz-box-shadow: 0 4px 10px rgba(0,0,0,.19);
	-webkit-box-shadow: 0 4px 10px rgba(0,0,0,.19);
	box-shadow: 0 4px 10px rgba(0,0,0,.19);
}


/* ----- Blue Buttons ----- */
.blue-btn{
	display: block;
	background-color: #4bb1e1;
	color:#FFFFFF !important;
	margin-left : auto  !important; 
	margin-right : auto  !important; 
	width : auto  !important; 
	height : auto  !important; 
}
.blue-btn:hover{
	background-color: #71d0fe;
}
.blue-btn:active{
	background-color: #287bc1;
	-moz-box-shadow: 0 4px 10px rgba(0,0,0,.19);
	-webkit-box-shadow: 0 4px 10px rgba(0,0,0,.19);
	box-shadow: 0 4px 10px rgba(0,0,0,.19);
}


/* ----- Red Buttons ----- */
.red-btn{
	background-color: #eb6553;
}
.red-btn:hover{
	background-color: #ff8474;
}
.red-btn:active{
	background-color: #da432f;
	-moz-box-shadow: 0 4px 10px rgba(0,0,0,.19);
	-webkit-box-shadow: 0 4px 10px rgba(0,0,0,.19);
	box-shadow: 0 4px 10px rgba(0,0,0,.19);
}




/* ----- Bottom Bar Buttons ----- */

#bottom-button{
	-moz-background-clip: padding;
	-webkit-background-clip: padding-box;
	background-clip: padding-box;
	background-color: #fff;
	cursor: pointer;
	padding: 14px 40px;
	text-align: center;
	border-radius: 3px;
	margin: 5px;
}

#sm-bottom-button{
	-moz-background-clip: padding;
	-webkit-background-clip: padding-box;
	background-clip: padding-box;
	background-color: #fff;
	cursor: pointer;
	padding: 7px 20px;
	text-align: center;
	border-radius: 3px;
	margin: 5px;	
}


/* ----- Green Buttons ----- */
.green-bot{
	color: #9fd148;
	border-bottom: 3px solid #9fd148;
}
.green-bot:hover{
	color: #9fd148;
}


/* ----- Ash Buttons ----- */
.ash-bot{
	color: #58626e;
	border-bottom: 3px solid #58626e;
}
.ash-bot:hover{
	color: #58626e;
}


/* ----- Blue Buttons ----- */
.blue-bot{
	color: #4bb1e1;
	border-bottom: 3px solid #4bb1e1;
}
.blue-bot:hover{
	color: #4bb1e1;
}


/* ----- Red Buttons ----- */
.red-bot{
	color: #eb6553;
	border-bottom: 3px solid #eb6553;	
}
.red-bot:hover{
	color: #eb6553;
}





/* ----- Pill Border Buttons ----- */

#pill-btn{
	color: #fff;
	cursor: pointer;
	padding: 15px 40px;
	text-align: center;
	-moz-border-radius: 30px;
	-webkit-border-radius: 30px;
	border-radius: 30px;
	margin: 5px;
	-moz-background-clip: padding;
	-webkit-background-clip: padding-box;
	background-clip: padding-box;
}

#sm-pill-btn{
	color: #fff;
	cursor: pointer;
	padding: 7px 20px;
	text-align: center;
	-moz-border-radius: 30px;
	-webkit-border-radius: 30px;
	border-radius: 30px;
	margin: 5px;
	-moz-background-clip: padding;
	-webkit-background-clip: padding-box;
	background-clip: padding-box;
}

#border-pill-btn{
	-moz-background-clip: padding;
	-webkit-background-clip: padding-box;
	background-clip: padding-box;
	background-color: #fff;
	cursor: pointer;
	padding: 14px 40px;
	text-align: center;
	border-radius: 30px;
	margin: 5px;
}

#sm-border-pill-btn{
	-moz-background-clip: padding;
	-webkit-background-clip: padding-box;
	background-clip: padding-box;
	background-color: #fff;
	cursor: pointer;
	padding: 7px 20px;
	text-align: center;
	border-radius: 30px;
	margin: 5px;
}

#icon-btn{
	-moz-background-clip: padding;
	-webkit-background-clip: padding-box;
	background-clip: padding-box;
	cursor: pointer;
	padding: 10px;
	text-align: center;
	margin: 5px;
	color: #fff;
}

#x2-icon-btn{
	-moz-background-clip: padding;
	-webkit-background-clip: padding-box;
	background-clip: padding-box;
	cursor: pointer;
	padding: 15px;
	text-align: center;
	margin: 5px;
	color: #fff;
	padding-top: 20px;
}

#social-btn{
	width: 130px;
	height: 40px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	-moz-background-clip: padding;
	-webkit-background-clip: padding-box;
	background-clip: padding-box;
	display: inline-block;
	color: #fff;
	cursor: pointer;
}

#social-btn span.social-txt{
	display: block;
	margin-top: 9px
}
.green-btn i.social-img{
	background-color: #81b627;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	padding: 3px;
	margin: 2.5px;
	margin-right: 15px;
	float: left;
}

.ash-btn i.social-img{
	background-color: #363c43;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	padding: 3px;
	margin: 2.5px;
	margin-right: 15px;
	float: left;
}

.blue-btn i.social-img{
	background-color: #287bc1;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	padding: 3px;
	margin: 2.5px;
	margin-right: 15px;
	float: left;
}

.red-btn i.social-img{
	background-color: #da432f;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	padding: 3px;
	margin: 2.5px;
	margin-right: 15px;
	float: left;
}



