.mm-button { display: inline-block; text-decoration: none; outline: medium none; cursor: pointer; font: bold 12px/1em HelveticaNeue,Arial,sans-serif; padding: 8px 11px; color: rgb(85, 85, 85); text-shadow: 0px 1px 0px rgb(255, 255, 255); background: transparent -moz-linear-gradient(center top , rgb(249, 249, 249), rgb(240, 240, 240)) repeat scroll 0% 0%; border-width: 1px; border-style: solid; -moz-border-top-colors: none; -moz-border-right-colors: none; -moz-border-bottom-colors: none; -moz-border-left-colors: none; border-image: none; border-color: rgb(222, 222, 222) rgb(216, 216, 216) rgb(211, 211, 211); border-radius: 4px; box-shadow: 0px 1px 2px rgb(234, 234, 234), 0px 1px 0px rgb(251, 251, 251) inset; }
.mm-button:hover, .mm-button:focus { color: rgb(85, 85, 85); text-decoration: none; background: transparent -moz-linear-gradient(center top , rgb(249, 249, 249), rgb(233, 233, 233)) repeat scroll 0% 0%; border-color: rgb(204, 204, 204); box-shadow: 0px 1px 2px rgb(224, 224, 224), 0px 1px 0px rgb(251, 251, 251) inset; }
.mm-button:active { position: relative; top: 1px; color: rgb(85, 85, 85); background: transparent -moz-linear-gradient(center top , rgb(234, 234, 234), rgb(244, 244, 244)) repeat scroll 0% 0%; border-color: rgb(198, 198, 198); box-shadow: 0px 1px 0px rgb(255, 255, 255), 0px 0px 5px rgb(221, 221, 221) inset; }
.mm-button.rounded { padding: 8px 15px; border-radius: 15px; }
input.mm-button, button.mm-button {  }
.mm-button img { border: medium none; vertical-align: bottom; }
.mm-button.small { padding: 5px 11px; font-size: 11px; font-weight: normal; border-radius: 3px; }
.mm-button.small.rounded { border-radius: 11px; }
.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; }
.mm-button.light_blue { background: transparent -moz-linear-gradient(center top , rgb(171, 228, 248), rgb(111, 206, 243)) repeat scroll 0% 0%; border-color: rgb(124, 189, 213); color: rgb(68, 68, 68); text-shadow: 0px 1px 0px rgb(182, 230, 249); box-shadow: 0px 1px 2px rgb(214, 214, 214), 0px 1px 0px rgb(192, 235, 250) inset; }
.mm-button.light_blue:hover, .mm-button.light_blue:focus { background: transparent -moz-linear-gradient(center top , rgb(177, 233, 253), rgb(102, 198, 234)) repeat scroll 0% 0%; border-color: rgb(102, 168, 191); box-shadow: 0px 0px 1px rgb(214, 214, 214), 0px 1px 0px rgb(192, 235, 250) inset; }
.mm-button.light_blue:active { background: rgb(146, 219, 246) none repeat scroll 0% 0%; border-color: rgb(102, 168, 191); box-shadow: 0px 1px 0px rgb(255, 255, 255), 0px 0px 5px rgb(102, 168, 191) inset; }
.mm-button.blue { background: transparent -moz-linear-gradient(center top , rgb(82, 168, 232), rgb(55, 122, 208)) repeat scroll 0% 0%; border-color: rgb(64, 129, 175) rgb(46, 105, 163) rgb(32, 85, 154); color: rgb(255, 255, 255); text-shadow: 0px 1px 1px rgb(64, 129, 175); box-shadow: 0px 1px 2px rgb(214, 214, 214), 0px 1px 1px rgb(114, 185, 235) inset; }
.mm-button.blue:hover, .mm-button.blue:focus { background: transparent -moz-linear-gradient(center top , rgb(62, 158, 229), rgb(32, 107, 203)) repeat scroll 0% 0%; border-color: rgb(42, 115, 166) rgb(22, 88, 153) rgb(7, 66, 143); box-shadow: 0px 1px 0px 0px rgb(255, 255, 255), 0px 1px 0px 0px rgb(98, 177, 233) inset; }
.mm-button.blue:active { background: rgb(50, 130, 211) none repeat scroll 0% 0%; border-color: rgb(21, 76, 140) rgb(21, 76, 140) rgb(14, 64, 142); text-shadow: 0px -1px 1px rgb(29, 98, 171); box-shadow: 0px 1px 0px 0px rgb(255, 255, 255), 0px 0px 6px 3px rgb(22, 87, 181) inset; }
.mm-button.green { background: transparent -moz-linear-gradient(center top , rgb(127, 191, 77), rgb(99, 166, 47)) repeat scroll 0% 0%; border-color: rgb(99, 166, 47); color: rgb(255, 255, 255); text-shadow: 0px 1px 0px rgb(83, 150, 30); box-shadow: 0px 1px 2px rgb(214, 214, 214), 0px 1px 0px rgb(150, 216, 101) inset; }
.mm-button.green:hover, .mm-button.green:focus { background: transparent -moz-linear-gradient(center top , rgb(134, 199, 85), rgb(94, 161, 42)) repeat scroll 0% 0%; border-color: rgb(83, 150, 30); box-shadow: 0px 0px 1px rgb(214, 214, 214), 0px 1px 0px rgb(150, 216, 101) inset; }
.mm-button.green:active { background: rgb(127, 191, 77) none repeat scroll 0% 0%; border-color: rgb(83, 150, 30); box-shadow: 0px 1px 0px rgb(255, 255, 255), 0px 0px 5px rgb(83, 150, 30) inset; }
.mm-button.red { background: transparent -moz-linear-gradient(center top , rgb(248, 103, 75), rgb(213, 71, 70)) repeat scroll 0% 0%; border-color: rgb(209, 55, 28) rgb(209, 55, 28) rgb(159, 34, 13); color: rgb(255, 255, 255); text-shadow: 0px 1px 1px rgb(150, 26, 7); box-shadow: 0px 1px 2px rgb(214, 214, 214), 0px 1px 0px rgb(255, 149, 115) inset; }
.mm-button.red:hover, .mm-button.red:focus { background: transparent -moz-linear-gradient(center top , rgb(255, 120, 88), rgb(204, 58, 59)) repeat scroll 0% 0%; border-color: rgb(150, 26, 7); box-shadow: 0px 0px 1px rgb(214, 214, 214), 0px 1px 0px rgb(255, 149, 115) inset; }
.mm-button.red:active { background: rgb(230, 67, 61) none repeat scroll 0% 0%; border-color: rgb(150, 26, 7); box-shadow: 0px 1px 0px rgb(255, 255, 255), 0px 0px 5px rgb(150, 26, 7) inset; }
.mm-button.orange { background: transparent -moz-linear-gradient(center top , rgb(245, 176, 38), rgb(244, 132, 35)) repeat scroll 0% 0%; border-color: rgb(230, 121, 28) rgb(230, 121, 28) rgb(216, 111, 21); color: rgb(255, 255, 255); text-shadow: 0px 1px 1px rgb(184, 83, 0); box-shadow: 0px 1px 2px rgb(215, 233, 164), 0px 1px 0px rgb(248, 216, 152) inset; }
.mm-button.orange:hover, .mm-button.orange:focus { background: transparent -moz-linear-gradient(center top , rgb(255, 187, 51), rgb(235, 123, 26)) repeat scroll 0% 0%; border-color: rgb(208, 104, 12); box-shadow: 0px 0px 1px rgb(214, 214, 214), 0px 1px 0px rgb(255, 223, 158) inset; }
.mm-button.orange:active { background: rgb(238, 143, 31) none repeat scroll 0% 0%; border-color: rgb(208, 104, 12); box-shadow: 0px 1px 0px rgb(255, 255, 255), 0px 0px 5px rgb(208, 104, 12) inset; }
.mm-button.yellow { background: transparent -moz-linear-gradient(center top , rgb(252, 235, 76), rgb(235, 214, 17)) repeat scroll 0% 0%; border-color: rgb(220, 199, 0) rgb(220, 199, 0) rgb(194, 176, 11); color: rgb(68, 68, 68); text-shadow: 0px 1px 1px rgb(255, 255, 152); box-shadow: 0px 1px 2px rgb(215, 233, 164), 0px 1px 0px rgb(254, 227, 149) inset; }
.mm-button.yellow:hover, .mm-button.yellow:focus { background: transparent -moz-linear-gradient(center top , rgb(255, 250, 88), rgb(225, 205, 0)) repeat scroll 0% 0%; border-color: rgb(206, 187, 16); box-shadow: 0px 0px 1px rgb(214, 214, 214), 0px 1px 0px rgb(254, 227, 149) inset; }
.mm-button.yellow:active { background: rgb(249, 227, 39) none repeat scroll 0% 0%; border-color: rgb(206, 187, 16); box-shadow: 0px 1px 0px rgb(255, 255, 255), 0px 0px 5px rgb(206, 187, 16) inset; }
.mm-button.pink { background: transparent -moz-linear-gradient(center top , rgb(248, 123, 202), rgb(236, 86, 181)) repeat scroll 0% 0%; border-color: rgb(229, 74, 172) rgb(229, 74, 172) rgb(204, 54, 149); color: rgb(255, 255, 255); text-shadow: 0px 1px 1px rgb(192, 37, 137); box-shadow: 0px 1px 2px rgb(234, 234, 234), 0px 1px 0px rgb(241, 185, 221) inset; }
.mm-button.pink:hover, .mm-button.pink:focus { background: transparent -moz-linear-gradient(center top , rgb(255, 133, 211), rgb(227, 77, 172)) repeat scroll 0% 0%; border-color: rgb(192, 37, 137); box-shadow: 0px 0px 1px rgb(214, 214, 214), 0px 1px 0px rgb(241, 185, 221) inset; }
.mm-button.pink:active { background: rgb(248, 123, 202) none repeat scroll 0% 0%; border-color: rgb(192, 37, 137); box-shadow: 0px 1px 0px rgb(255, 255, 255), 0px 0px 5px rgb(192, 37, 137) inset; }
.mm-button.purple { background: transparent -moz-linear-gradient(center top , rgb(199, 133, 229), rgb(153, 93, 200)) repeat scroll 0% 0%; border-color: rgb(124, 69, 170) rgb(124, 69, 170) rgb(93, 40, 138); color: rgb(255, 255, 255); text-shadow: 0px 1px 1px rgb(55, 6, 98); box-shadow: 0px 1px 2px rgb(234, 234, 234), 0px 1px 0px rgb(206, 141, 237) inset; }
.mm-button.purple:hover, .mm-button.purple:focus { background: transparent -moz-linear-gradient(center top , rgb(204, 138, 234), rgb(136, 78, 184)) repeat scroll 0% 0%; border-color: rgb(93, 40, 138); box-shadow: 0px 0px 1px rgb(214, 214, 214), 0px 1px 0px rgb(206, 141, 237) inset; }
.mm-button.purple:active { background: rgb(153, 93, 200) none repeat scroll 0% 0%; border-color: rgb(93, 40, 138); box-shadow: 0px 1px 0px rgb(255, 255, 255), 0px 0px 5px rgb(93, 40, 138) inset; }
.mm-button.grey { background: transparent -moz-linear-gradient(center top , rgb(171, 171, 171), rgb(129, 129, 129)) repeat scroll 0% 0%; border-color: rgb(160, 160, 160) rgb(124, 124, 124) rgb(113, 113, 113); color: rgb(255, 255, 255); text-shadow: 0px 1px 1px rgb(68, 68, 68); box-shadow: 0px 1px 2px rgb(234, 234, 234), 0px 1px 0px rgb(190, 190, 190) inset; }
.mm-button.grey:hover, .mm-button.grey:focus { background: transparent -moz-linear-gradient(center top , rgb(176, 176, 176), rgb(111, 111, 111)) repeat scroll 0% 0%; border-color: rgb(102, 102, 102) rgb(102, 102, 102) rgb(96, 96, 96); box-shadow: 0px 0px 1px rgb(214, 214, 214), 0px 1px 0px rgb(190, 190, 190) inset; }
.mm-button.grey:active { background: rgb(144, 144, 144) none repeat scroll 0% 0%; border-color: rgb(96, 96, 96); box-shadow: 0px 1px 0px rgb(255, 255, 255), 0px 0px 5px rgb(96, 96, 96) inset; }
.mm-button.black { background: transparent -moz-linear-gradient(center top , rgb(94, 94, 94), rgb(67, 67, 67)) repeat scroll 0% 0%; border-color: rgb(76, 76, 76) rgb(49, 49, 49) rgb(31, 31, 31); color: rgb(255, 255, 255); text-shadow: 0px 1px 1px rgb(46, 46, 46); box-shadow: 0px 1px 2px rgb(234, 234, 234), 0px 1px 0px rgb(134, 134, 134) inset; }
.mm-button.black:hover, .mm-button.black:focus { background: transparent -moz-linear-gradient(center top , rgb(104, 104, 104), rgb(54, 54, 54)) repeat scroll 0% 0%; border-color: rgb(49, 49, 49); box-shadow: 0px 0px 1px rgb(214, 214, 214), 0px 1px 0px rgb(134, 134, 134) inset; }
.mm-button.black:active { background: rgb(82, 82, 82) none repeat scroll 0% 0%; border-color: rgb(49, 49, 49); box-shadow: 0px 1px 0px rgb(255, 255, 255), 0px 0px 5px rgb(49, 49, 49) inset; }
