/* -------------------- */
/*    DEFAULT BUTTONS   */
/* -------------------- */

.mm-button {
	display: inline-block;
	text-decoration: none;
	outline: none;
	cursor: pointer;
	font: bold 12px/1em HelveticaNeue, Arial, sans-serif;
	padding: 8px 11px;
	color: #555;
	text-shadow: 0 1px 0 #fff;
	background: linear-gradient(to bottom, #f9f9f9, #f0f0f0);
	border: 1px solid #dedede;
	border-color: #dedede #d8d8d8 #d3d3d3;
	border-radius: 4px;
	box-shadow: 0 1px 2px #eaeaea, inset 0 1px 0 #fbfbfb;
}

.mm-button:hover, .mm-button:focus {
	color: #555;
	text-decoration: none;
	background: linear-gradient(to bottom, #f9f9f9, #e9e9e9);
	border-color: #ccc;
	box-shadow: 0 1px 2px #e0e0e0, inset 0 1px 0 #fbfbfb;
}

.mm-button:active {
	position: relative;
	top: 1px;
	color: #555;
	background: linear-gradient(to bottom, #eaeaea, #f4f4f4);
	border-color: #c6c6c6;
	box-shadow: 0 1px 0 #fff, inset 0 0 5px #ddd;
}

.mm-button.rounded {
	padding: 8px 15px;
	border-radius: 15px;
}

input.mm-button, button.mm-button {
	width: auto;
	overflow: visible;
}

.mm-button img {
	border: none;
	vertical-align: bottom;
}


/* SMALL BUTTONS */

.mm-button.small {
	padding: 5px 11px;
	font-size: 11px;
	font-weight: normal;
	border-radius: 3px;
}

.mm-button.small.rounded {
	border-radius: 11px;
}


/* LARGE BUTTONS */

.mm-button.large {
	padding: 12px 15px;
	font-size: 18px;
	font-weight: normal;
	border-radius: 5px;
}

.mm-button.large.rounded {
	padding: 12px 22px;
	border-radius: 23px;
}


/* -------------- */
/* --- COLORS --- */
/* -------------- */

/* LIGHT BLUE */

.mm-button.light_blue {
	background: linear-gradient(to bottom, #abe4f8, #6fcef3);
	border-color: #7cbdd5;
	color: #444;
	text-shadow: 0 1px 0 #b6e6f9;
	box-shadow: 0 1px 2px #d6d6d6, inset 0 1px 0 #c0ebfa;
}

.mm-button.light_blue:hover, .mm-button.light_blue:focus {
	background: linear-gradient(to bottom, #b1e9fd, #66c6ea);
	border-color: #66a8bf;
	box-shadow: 0 0 1px #d6d6d6, inset 0 1px 0 #c0ebfa;
}

.mm-button.light_blue:active {
	background: linear-gradient(to bottom, #eaeaea, #f4f4f4);
	border-color: #c6c6c6;
	box-shadow: 0 1px 0 #fff, inset 0 0 5px #66a8bf;
}


/* BLUE */

.mm-button.blue {
	background: linear-gradient(to bottom, #52a8e8, #377ad0);
	border-color: #4081af #2e69a3 #20559a;
	color: #fff;
	text-shadow: 0 1px 1px #4081af;
	box-shadow: 0 1px 2px #d6d6d6, inset 0 1px 1px #72b9eb;
}

.mm-button.blue:hover, .mm-button.blue:focus {
	background: linear-gradient(to bottom, #3e9ee5, #206bcb);
	border-color: #2a73a6 #165899 #07428f;
	box-shadow: 0 1px 0 0 #fff, inset 0 1px 0 0 #62b1e9;
}

.mm-button.blue:active {
	background: #3282d3;
	border-color: #154c8c #154c8c #0e408e;
	text-shadow: 0 -1px 1px #1d62ab;
	box-shadow: 0 1px 0 0 #fff, inset 0 0 6px 3px #1657b5;
}


/* GREEN  */

.mm-button.green {
	background: linear-gradient(to bottom, #7fbf4d, #63a62f);
	border-color: #63a62f;
	color: #fff;
	text-shadow: 0 1px 0 #53961e;
	box-shadow: 0 1px 2px #d6d6d6, inset 0 1px 0 #96d865;
}

.mm-button.green:hover, .mm-button.green:focus {
	background: linear-gradient(to bottom, #86c755, #5ea12a);
	border-color: #53961e;
	box-shadow: 0 0 1px #d6d6d6, inset 0 1px 0 #96d865;
}

.mm-button.green:active {
	background: #7fbf4d;
	border-color: #53961e;
	box-shadow: 0 1px 0 #fff, inset 0 0 5px #53961e;
}


/* RED */

.mm-button.red {
	background: linear-gradient(to bottom, #f8674b, #d54746);
	border-color: #d1371c #d1371c #9f220d;
	color: #fff;
	text-shadow: 0 1px 1px #961a07;
	box-shadow: 0 1px 2px #d6d6d6, inset 0 1px 0 #ff9573;
}

.mm-button.red:hover, .mm-button.red:focus {
	background: linear-gradient(to bottom, #ff7858, #cc3a3b);
	border-color: #961a07;
	box-shadow: 0 0 1px #d6d6d6, inset 0 1px 0 #ff9573;
}

.mm-button.red:active {
	background: #e6433d;
	border-color: #961a07;
	box-shadow: 0 1px 0 #fff, inset 0 0 5px #961a07;
}


/* ORANGE */

.mm-button.orange {
	background: linear-gradient(to bottom, #f5b026, #f48423);
	border-color: #e6791c #e6791c #d86f15;
	color: #fff;
	text-shadow: 0 1px 1px #b85300;
	box-shadow: 0 1px 2px #d7e9a4, inset 0 1px 0 #f8d898;
}

.mm-button.orange:hover, .mm-button.orange:focus {
	background: linear-gradient(to bottom, #ffbb33, #eb7b1a);
	border-color: #d0680c;
	box-shadow: 0 0 1px #d6d6d6, inset 0 1px 0 #ffdf9e;
}

.mm-button.orange:active {
	background: #ee8f1f;
	border-color: #d0680c;
	box-shadow: 0 1px 0 #fff, inset 0 0 5px #d0680c;
}


/* YELLOW  */

.mm-button.yellow {
	background: linear-gradient(to bottom, #fceb4c, #ebd611);
	border-color: #dcc700 #dcc700 #c2b00b;
	color: #444;
	text-shadow: 0 1px 1px #ffff98;
	box-shadow: 0 1px 2px #d7e9a4, inset 0 1px 0 #fee395;
}

.mm-button.yellow:hover, .mm-button.yellow:focus {
	background: linear-gradient(to bottom, #fffa58, #e1cd00);
	border-color: #cebb10;
	box-shadow: 0 0 1px #d6d6d6, inset 0 1px 0 #fee395;
}

.mm-button.yellow:active {
	background: #f9e327;
	border-color: #cebb10;
	box-shadow: 0 1px 0 #fff, inset 0 0 5px #cebb10;
}


/* PINK */

.mm-button.pink {
	background: linear-gradient(to bottom, #f87bca, #ec56b5);
	border-color: #e54aac #e54aac #cc3695;
	color: #fff;
	text-shadow: 0 1px 1px #c02589;
	box-shadow: 0 1px 2px #eaeaea, inset 0 1px 0 #f1b9dd;
}

.mm-button.pink:hover, .mm-button.pink:focus {
	background: linear-gradient(to bottom, #ff85d3, #e34dac);
	border-color: #c02589;
	box-shadow: 0 0 1px #d6d6d6, inset 0 1px 0 #f1b9dd;
}

.mm-button.pink:active {
	background: #f87bca;
	border-color: #c02589;
	box-shadow: 0 1px 0 #fff, inset 0 0 5px #c02589;
}


/* PURPLE */

.mm-button.purple {
	background: linear-gradient(to bottom, #c785e5, #995dc8);
	border-color: #7c45aa #7c45aa #5d288a;
	color: #fff;
	text-shadow: 0 1px 1px #370662;
	box-shadow: 0 1px 2px #eaeaea, inset 0 1px 0 #ce8ded;
}

.mm-button.purple:hover, .mm-button.purple:focus {
	background: linear-gradient(to bottom, #cc8aea, #884eb8);
	border-color: #5d288a;
	box-shadow: 0 0 1px #d6d6d6, inset 0 1px 0 #ce8ded;
}
.mm-button.purple:active{
	background: #995dc8;
	border-color: #5d288a;
	box-shadow: 0 1px 0 #fff, inset 0 0 5px #5d288a;
}



/* GREY */

.mm-button.grey{
	background: linear-gradient(to bottom, #ababab, #818181);
	border-color: #a0a0a0 #7c7c7c #717171;
	color: #fff;
	text-shadow: 0 1px 1px #444;
	box-shadow: 0 1px 2px #eaeaea, inset 0 1px 0 #bebebe;    
}
.mm-button.grey:hover, .mm-button.grey:focus {
	background: linear-gradient(to bottom, #b0b0b0, #6f6f6f);
	border-color: #666 #666 #606060;
	box-shadow: 0 0 1px #d6d6d6, inset 0 1px 0 #bebebe;
}

.mm-button.grey:active {
	background: #909090;
	border-color: #606060;
	box-shadow: 0 1px 0 #fff, inset 0 0 5px #606060;
}

/* BLACK */

.mm-button.black {
	background: linear-gradient(to bottom, #5e5e5e, #434343);
	border-color: #4c4c4c #313131 #1f1f1f;
	color: #fff;
	text-shadow: 0 1px 1px #2e2e2e;
	box-shadow: 0 1px 2px #eaeaea, inset 0 1px 0 #868686;
}

.mm-button.black:hover, .mm-button.black:focus {
	background: linear-gradient(to bottom, #686868, #363636);
	border-color: #313131;
	box-shadow: 0 0 1px #d6d6d6, inset 0 1px 0 #868686;
}

.mm-button.black:active {
	background: #525252;
	border-color: #313131;
	box-shadow: 0 1px 0 #fff, inset 0 0 5px #313131;
}