.mm-stripe-elements-container.StripeElement {
box-sizing: border-box;
height: 40px;
padding: 10px 12px;
border: 1px solid transparent;
border-radius: 4px;
background-color: white;
box-shadow: 0 1px 3px 0 #e6ebf1;
-webkit-transition: box-shadow 150ms ease;
transition: box-shadow 150ms ease;
}
.mm-stripe-elements-container.StripeElement--focus {
box-shadow: 0 1px 3px 0 #cfd7df;
}
.mm-stripe-elements-container.StripeElement--invalid {
border-color: #fa755a;
}
.mm-stripe-elements-container.StripeElement--webkit-autofill {
background-color: #fefde5 !important;
} .mm-view-container a {
color: #066cd2;
text-decoration: none;
}
.mm-info-box {
border-radius: 4px;
margin-bottom: 20px; 
padding: 5px 5px 5px 15px;
}
.mm-info-box.blue {
background-color: #d9edf7; 
border-color: #bce8f1; 
color: #31708f;
}
.mm-info-box.yellow {
background-color: #fcf8e3;
border-color: #faebcc;
color: #8a6d3b;
} .mm-ui-button {
display: inline-block;
padding: 5px 10px;
margin: 0 3px 6px 0;
border-radius: 4px;
text-decoration: none;
color: #066cd2;
border: 1px solid #066cd2;
font-weight: 700;
cursor:pointer;
}
.mm-ui-button:hover {
background: #066cd2;
color: #fff;
}
.mm-ui-button i {
margin-right: 5px;
}
.mm-ui-button.disabled{
background: #ccc;
color: #fff;
cursor: not-allowed;
border-color: #ccc;
}
.mm-ui-button.blue {
background: #066cd2;
color: #fff;
border-color: #066cd2;
}
.mm-ui-button.blue:hover {
background: #46a0f9;
}
.mm-ui-button.green {
background: #690;
color: #fff;
border-color: #690;
}
.mm-ui-button.green:hover {
background: #9c0;
}
.mm-ui-button.orange {
background: #f80;
color: #fff;
border-color: #f80;
}
.mm-ui-button.orange:hover {
background: #ffb400;
}
.mm-ui-button.red {
background: #c00;
color: #fff;
border-color: #c00;
}
.mm-ui-button.red:hover {
background: #f00;
}
.mm-view-container {
margin-right: 20px;
}
.mm-dashboard-title {
font-size: 2em;
}
.mm-dashboard-header {
position: relative;
margin: 10px 0 20px;
padding: 0 0 15px;
border-bottom: 1px solid #ddd;
} .mm-quick-nav {
position: absolute;
top: -5px;
right: 0;
list-style: none;
font-size: 1.2em;
font-weight: 700;
letter-spacing: -1px;
text-align: right;
}
.mm-quick-nav li {
display: inline-block;
margin: 0 5px 10px 0;
}
.mm-quick-nav li a {
position: relative;
display: inline-block;
padding: 10px 25px 10px 35px;
border: 2px solid;
border-radius: 5px;
}
.mm-quick-nav li a:hover {
background: #066cd2;
color: #fff;
}
.mm-quick-nav li a i {
position: absolute;
top: 12px;
left: 12px;
} .mm-metric-wrapper {
font-size: 0px; margin: 0 0 20px;
min-width:1100px !important;
}
.mm-metric-wrapper.spaced {
margin: 0 0 2% -2%;
}
.mm-metric-container {
position: relative;
display: inline-block;
font-size: 16px;
font-size: 1rem;
vertical-align: top;
}
.mm-metric-wrapper.spaced .mm-metric-container {
margin: 0 0 2% 2%;
}
.mm-metric-container .metric-header {
position: relative;
display: block;
padding: 20px 20px 20px 50px;
margin: 0;
font-size: 1.2em;
font-weight: 700;
letter-spacing: -1px;
color: #fff;
border-bottom: 2px solid rgba(255, 255, 255, .5);
}
.mm-metric-container .metric-header i {
position: absolute;
top: 20px;
left: 20px;
}
.mm-metric-container .metric-row {
position: relative;
padding: 10px 60px 10px 20px;
font-size: .85em;
font-weight: 300;
color: #fff;
border-top: 1px solid rgba(255, 255, 255, .25);
}
.mm-metric-container .metric-row:nth-child(even) {
background: rgba(255, 255, 255, .10);
}
.mm-metric-container .metric-row .row-value {
position: absolute;
top: 10px;
right: 20px;
font-weight: 700;
}
.mm-metric-container .metric-value {
display: block;
font-family: 'Open Sans', sans-serif;
font-family: 'Helvetica Neue', sans-serif;
font-size: 3.5em;
font-weight: 100;
text-align: center;
line-height: 1;
color: #fff;
margin: 20px 0;
}
.mm-metric-container .metric-value .sub-value {
font-size: .5em;
}
.mm-metric-container h4 {
font-size: 1.2em;
font-weight: 700;
text-align: center;
letter-spacing: -1px;
color: #fff;
padding: 20px 0;
margin: 0;
border-top: 1px solid rgba(255, 255, 255, .5);
}
.mm-metric-container h4 .mm-info-tip {
color: #fff;
opacity: .5;
margin: 0 0 0 3px;
}
.mm-metric-container h4 .mm-info-tip:hover {
opacity: 1.0;
} .mm-metric-container-25 {
width: 25%;
}
.mm-metric-container-33 {
width: 33%;
}
.mm-metric-container-50 {
width: 50%;
}
.mm-metric-container-66 {
width: 66%;
} .mm-metric-wrapper.spaced .mm-metric-container-25 {
width: 23%;
}
.mm-metric-wrapper.spaced .mm-metric-container-33 {
width: 31%;
}
.mm-metric-wrapper.spaced .mm-metric-container-50 {
width: 48%;
}
.mm-metric-wrapper.spaced .mm-metric-container-66 {
width: 64%;
}
.mm-center {
text-align:center;
} .mm-metric-container.blue {
background: #066cd2;
}
.mm-metric-container.turq {
background: #3cc;
}
.mm-metric-container.green {
background: #9c3;
}
.mm-metric-container.green-1 {
background: #360;
}
.mm-metric-container.green-2 {
background: #690;
}
.mm-metric-container.green-3 {
background: #9c0;
}
.mm-metric-container.orange {
background: #f90;
}
.mm-metric-container.red {
background: #c00;
}
.mm-metric-container.salmon {
background: #e07d56;
}
.mm-metric-container.purple {
background: #ae6cc9;
}
.mm-metric-container.beige {
background: #baaa84;
}
.mm-metric-container.grey {
background: #999;
} .mm-content-wrapper {
padding: 20px;
margin: 0 0 20px;
border: 2px solid #ddd;
}
.mm-content-container {
display: table-cell;
vertical-align: top;
}
.mm-content-container.w50 {
width: 50%;
padding-left: 20px;
}
.mm-content-container h3 {
position: relative;
padding: 0 0 15px 30px;
margin: 0;
border-bottom: 1px solid #333;
font-size: 1.5em;
font-weight: 700;
letter-spacing: -1px;
}
.mm-content-container h3 i {
position: absolute;
top: -2px;
left: 0;
}
.mm-content-container .spaced-list {
list-style: none;
margin: 0 0 20px;
font-size: 1.1em;
}
.mm-content-container .spaced-list li {
padding: 10px;
}
.mm-content-container .spaced-list li:nth-child(odd) {
background: #f5f5f5;
}
.mm-content-container .tips {
list-style: none;
margin: 10px 0 20px;
font-size: 1.1em;
}
.mm-content-container .tips li {
position: relative;
padding: 0 0 0 20px;
margin: 0 0 10px;
}
.mm-content-container .tips li i {
position: absolute;
top: 2px;
left: 0;
color: #690;
}
.mm-video-header {
height: 40px;
background-color: #33CCCC;
border-color: #bce8f1;
padding: 5px 0 15px 20px;
}
.mm-video-area {
border: 2px solid #ddd;
border-top: 0px;
padding-top:20px;
padding-bottom:20px;
}
.mm-news-feed {
margin: 10px 0;
height: 300px;
overflow-y: scroll;
}
.mm-news-feed .news-header {
font-size: 1em;
font-weight: 700;
padding: 10px 0 0;
border-top: 1px solid #ddd;
}
.mm-news-feed .news-header:first-child {
padding: 0;
border-top: none;
}
.mm-news-feed p {
margin: 0 0 5px;
}
.mm-news-feed p.news-date {
color: #999;
}
.mm-news-feed p.news-body {
margin: 0 0 10px;
}
.mm-academy-feed {
margin: 10px 0;
height: 600px;
overflow-y: scroll;
}
.mm-academy-feed .news-header {
font-size: 1em;
font-weight: 700;
padding: 10px 0 0;
border-top: 1px solid #ddd;
}
.mm-academy-feed .news-header:first-child {
padding: 0;
border-top: none;
}
.mm-academy-feed p {
margin: 0 0 5px;
}
.mm-academy-feed p.news-date {
color: #999;
}
.mm-academy-feed p.news-body {
margin: 0 0 10px;
} .mm-navbar {
margin-top:20px;
margin-bottom:20px;
border: 2px solid #066cd2;
border-radius: 5px;
width:99%;
}
.mm-navbar ul {
list-style: none;
font-size: 0px;
font-weight: 700;
letter-spacing: -1px;
}
.mm-navbar ul li {
display: inline-block;
font-size: 16px;
font-size: 1rem;
border-right: 1px solid #066cd2;
margin-bottom: 0px;
}
.mm-navbar ul li a {
display: block;
padding: 10px 20px;
color: #066cd2;
text-decoration: none;
}
.mm-navbar ul li a:hover {
background: #066cd2;
color: #fff;
}
.mm-navbar ul li a.active {
background: #46a0f9;
color: #fff;
}
.mm-navbar ul li a i {
margin-right: 5px;
}
.mm-navbar ul li.dropdown {
position: relative;
}
.mm-navbar ul li.dropdown.right {
float: right;
border-right: none;
border-left: 1px solid #066cd2;
}
.mm-navbar ul li.dropdown.right a {
background: rgba(6, 108, 210, .10);
}
.mm-navbar ul li.dropdown:hover,
.mm-navbar ul li.dropdown:hover a {
background: #066cd2;
color: #fff;
}
.mm-navbar ul li.dropdown ul {
display: none;
font-weight: 400;
position: absolute;
top: 36px;
left: -1px;
width: 200px;
padding: 10px;
background: #066cd2;
}
.mm-navbar ul li.dropdown.right ul {
left: auto;
right: -2px;
}
.mm-navbar ul li.dropdown:hover ul {
display: block;
}
.mm-navbar ul li.dropdown ul li {
float: none;
display: block;
font-size: .9rem;
}
.mm-navbar ul li.dropdown ul li a {
padding: 10px;
}
.mm-navbar ul li.dropdown ul li a:hover {
background: #3c98f5;
}
.mm-navbar ul li.dropdown ul li a i {
opacity: .5;
margin: 0 5px 0 0;
}
.mm-version span {
font-weight: 700;
} .mm-sub-header {
background: #eee;
padding: 15px;
margin: 0 0 20px;
width: 97%;
}
.mm-sub-header h3 {
font-size: 1.5em;
letter-spacing: -1px;
color: #333;
padding: 0 0 10px;
margin: 0 0 10px;
border-bottom: 1px solid #ddd;
}
.mm-sub-header i {
color: #690;
margin-right: 3px;
}
.mm-version span {
font-weight: 700;
}
.mm-sub-header p {
font-size: 1.2em;
letter-spacing: -1px;
margin: 0;
}
.mm-sub-header .label-with-icon {
display: inline-block;
margin: 0 20px 0 0;
} .mm-icon {
}
.mm-icon:hover {
opacity: .5;
} .mm-icon.blue {
color: #066cd2;
}
.mm-icon.light-blue {
color: #46A0F9;
}
.mm-icon.dark-blue {
color: #036;
}
.mm-icon.turq {
color: #3cc;
}
.mm-icon.green {
color: #9c3;
}
.mm-icon.green-1 {
color: #360;
}
.mm-icon.green-2 {
color: #690;
}
.mm-icon.green-3 {
color: #9c0;
}
.mm-icon.orange {
color: #f90;
}
.mm-icon.red {
color: #c00;
}
.mm-icon.salmon {
color: #e07d56;
}
.mm-icon.purple {
color: #ae6cc9;
}
.mm-icon.beige {
color: #baaa84;
}
.mm-icon.grey {
color: #999;
}
.mm-icon.yellow {
color: #F6B91B;
}
.mm-icon.white {
color: #fff;
}
.mm-icon.black {
color: #333;
}
.mm-icon.pink {
color: #FFB6C1;
}   @media (max-width: 1199px) {
.mm-quick-nav {
position: static;
text-align: left;
margin: 0;
}
.mm-quick-nav li {
display: inline-block;
margin: 10px 5px 0 0;
}
.mm-quick-nav li a {
position: relative;
display: inline-block;
padding: 15px 30px 15px 55px;
border: 2px solid;
border-radius: 5px;
}
} @media (max-width: 782px) {
.mm-quick-nav li {
display: block;
margin: 10px 0 0;
}
.mm-quick-nav li a {
display: block;
}
.mm-navbar ul li {
display: block;
border-right: none;
border-top: 1px solid #066cd2;
}
.mm-navbar ul li:first-child {
border-top: none;
}
.mm-navbar ul li a {
display: block;
}
.mm-navbar ul li.dropdown {
float: none;
border-left: none;
}
.mm-navbar ul li.dropdown ul {
right: auto;
left: -2px;
} .mm-metric-container {
width: 100% !important;
}
.mm-content-container,
.mm-content-container.w50 {
display: block;
width: 100%;
padding: 0;
}
#wpbody select {
height: auto;
font-size: 1em;
}
}
a img {
vertical-align: middle;	
}
.mm-beta {
border-radius: 3px;
font-size: 10px;
line-height: 15px;
margin-left: 0;
margin-right: 5px;
padding: 0 1ex;
position: relative;
background-color: #066cd2;
color: #FFFFFF;
text-shadow: 0 1px 1px rgba(0, 0, 0, 0.25);
text-transform: uppercase;
display: inline-block;
font-style: normal;
font-weight: normal;
}
.mm-header-text {
font-size: 23px;
line-height: 29px;
padding: 9px 15px 4px 0;
font-family: "HelveticaNeue-Light","Helvetica Neue Light","Helvetica Neue",sans-serif;
color: #464646;
font-weight: normal;
margin: 0;
text-shadow: 0 1px 0 #FFFFFF;
}
.mm-checkout-processing-message {
width: 40%;
top: 40%;
left: 35%;
text-align: center;
border: 2px solid #FFFFFF; 
font-size: 22px; 
padding: 10px; 
background: none repeat scroll 0 0 #E9EAEE; 
color: #333; 
box-shadow: 1px 2px 6px rgba(0, 0, 0, 0.5); 
-webkit-border-radius: 5px; 
-moz-border-radius: 5px; 
border-radius: 5px;
}
.mm-header-icon {
float: left; 
margin:3px 8px 0 0; 
vertical-align:middle;	
}
.mm-code {
font-family: Courier New, monospace;
}
#mm-form-container p, code {
font-size: 11px;
}
.mm-section-header {
color: #464646;
font-family: "HelveticaNeue-Light","Helvetica Neue Light","Helvetica Neue",sans-serif;
font-size: 16px !important;
font-weight: normal;
line-height: 20px;
margin: 0;
text-shadow: 0 1px 0 #FFFFFF;
}
.l {
float:					left;
}
.r {
float:					right;
}
.c {
overflow:				hidden;
zoom:					1;
}
.mm-wrap {
padding-bottom:			20px;
}
.mm-wrap h2 {
color: #464646;
font-family: "HelveticaNeue-Light","Helvetica Neue Light","Helvetica Neue",sans-serif;
font-size: 23px;
line-height: 29px;
padding: 9px 15px 4px 0;
font-weight: normal;
margin: 0;
text-shadow: 0 1px 0 #FFFFFF;
}
.mm-button-container {
margin:	10px 0 15px;
}
img .badge {
max-width:				100px;
max-height:				100px;
min-width:				5px;
min-height:				5px;	
}
.message-container {
border:					solid 1px #f66a6a;
background-color:		#ffdddd;
padding:				5px 20px;
margin-bottom:			20px;
border-radius:			5px;
-moz-border-radius: 	5px;	
-webkit-border-radius: 	5px;
}
.mm-error {
border:					solid 1px #f66a6a;
background-color:		#ffdddd;
}
.mm-divider {
border-bottom: 1px dotted #C1C1C1;
} #mm-form-container table {
width: 100%;
cellspacing: 10;	
}
#mm-form-container td {
vertical-align: top;
font-size: 12px;	
}
#mm-form-container .short-text {
width: 120px;
}
#mm-form-container .medium-text {
width: 300px;
}
#mm-form-container .long-text {
width: 400px;
} #mm-data-grid th img {
vertical-align: middle;	
}
#mm-data-grid td {
vertical-align: middle;	
}
#mm-data-grid .center {
text-align: center;	
}
#mm-data-grid .name a {	
text-decoration:		underline;
}
#mm-smarttag-documentation table {
padding: 0px 10px 0px 10px;
width:100%;
}
#mm-smarttag-documentation td {
padding: 2px 0px 2px 0px;
border-bottom: 1px dotted #ccc;
vertical-align:top;
}
#adminmenu #toplevel_page_mmdashboard .wp-menu-image img {
padding: 9px 0 0 0px;
width: 22px;
}
.mm-dialog-footer-container {
margin-top:10px;
width:100%; 
border-top: 1px dotted #ccc; 
padding-top:10px;
}
.mm-dialog-button-container {
float:right;	
margin-bottom: 10px;
}
#mm-preview-settings-bar {
background: linear-gradient(to top, #373737 0px, #464646 5px) repeat scroll 0 0 #464646;
background-image: -webkit-linear-gradient(bottom,#373737 0,#464646 5px);
color: #CCCCCC;
width: 100%;
z-index: 99999;
min-width: 600px;
font: 13px/28px sans-serif;
height: 32px;
left: 0;
position: fixed;   bottom:0px;
}
#mm-preview-access-tags {
margin-top: 4px; 
padding: 5px; 
display:none; 
background-color: #464646; 
z-index: 999999; 
height: 120px; 
width: 200px; 
}
#mm-preview-access-tag-results  {
position: absolute !important;
bottom: 100% !important;
} .mm-socialLoginFacebookLogin,.mm-socialLoginFacebookSignup 
{
display:block;
left: 0px;
width: 256px;
height: 44px;
text-indent :-9999px;
background: url(//sketchmagazine.net/wp-content/plugins/membermouse/resources/images/social-login-btns.png) 0 0;
background-repeat: no-repeat;
}
.mm-socialLoginFacebookLogin:hover,.mm-socialLoginFacebookSignup:hover 
{
background: url(//sketchmagazine.net/wp-content/plugins/membermouse/resources/images/social-login-btns.png) 0 -43px;
background-repeat: no-repeat;
}
.mm-socialLoginFacebookLogin:active,.mm-socialLoginFacebookSignup:active 
{
background: url(//sketchmagazine.net/wp-content/plugins/membermouse/resources/images/social-login-btns.png) 0 -86px;
background-repeat: no-repeat;
}
.mm-socialLoginTwitterLogin,.mm-socialLoginTwitterSignup 
{
display:block;
left: 0px;
width: 256px;
height: 44px;
text-indent :-9999px;
background: url(//sketchmagazine.net/wp-content/plugins/membermouse/resources/images/social-login-btns.png) 0 -129px;
background-repeat: no-repeat;
}
.mm-socialLoginTwitterLogin:hover,.mm-socialLoginTwitterSignup:hover 
{
background: url(//sketchmagazine.net/wp-content/plugins/membermouse/resources/images/social-login-btns.png) 0 -172px;
background-repeat: no-repeat;
}
.mm-socialLoginTwitterLogin:active,.mm-socialLoginTwitterSignup:active 
{
background: url(//sketchmagazine.net/wp-content/plugins/membermouse/resources/images/social-login-btns.png) 0 -215px;
background-repeat: no-repeat;
}
.mm-socialLoginGoogleLogin,.mm-socialLoginGoogleSignup 
{
display:block;
left: 0px;
width: 256px;
height: 44px;
text-indent :-9999px;
background: url(//sketchmagazine.net/wp-content/plugins/membermouse/resources/images/social-login-btns.png) 0 -258px;
background-repeat: no-repeat;
}
.mm-socialLoginGoogleLogin:hover,.mm-socialLoginGoogleSignup:hover 
{
background: url(//sketchmagazine.net/wp-content/plugins/membermouse/resources/images/social-login-btns.png) 0 -301px;
background-repeat: no-repeat;
}
.mm-socialLoginGoogleLogin:active,.mm-socialLoginGoogleSignup:active 
{
background: url(//sketchmagazine.net/wp-content/plugins/membermouse/resources/images/social-login-btns.png) 0 -344px;
background-repeat: no-repeat;
}
.mm-socialLoginLinkedInLogin,.mm-socialLoginLinkedInSignup
{
display:block;
left: 0px;
width: 256px;
height: 44px;
text-indent :-9999px;
background: url(//sketchmagazine.net/wp-content/plugins/membermouse/resources/images/social-login-lnkin.png) 0 -2px;
background-repeat: no-repeat;
}
.mm-socialLoginLinkedInLogin:hover,.mm-socialLoginLinkedInSignup:hover
{
background: url(//sketchmagazine.net/wp-content/plugins/membermouse/resources/images/social-login-lnkin.png) 0 -46px;
background-repeat: no-repeat;
}
.mm-socialLoginLinkedInLogin:active,.mm-socialLoginLinkedInSignup:active
{
background: url(//sketchmagazine.net/wp-content/plugins/membermouse/resources/images/social-login-lnkin.png) 0 -91px;
background-repeat: no-repeat;
}
.mm-tax-configuration-editor-dialog 
{
display:table;
-moz-box-shadow: 3px 3px 5px #535353;
-webkit-box-shadow: 3px 3px 5px #535353;       
box-shadow: 3px 3px 5px #535353;
-moz-border-radius: 6px 6px 6px 6px;
-webkit-border-radius: 6px;  
border-radius: 6px 6px 6px 6px;
} .ui-dialog { z-index: 9999 !important ;} 
#cp_products td img 
{
max-width: none;	
}.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: #f5f5f5;
background: -webkit-gradient(linear, left top, left bottom, from(#f9f9f9), to(#f0f0f0));
background: -moz-linear-gradient(top, #f9f9f9, #f0f0f0);
border: 1px solid #dedede;
border-color: #dedede #d8d8d8 #d3d3d3;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
-webkit-box-shadow: 0 1px 2px #eaeaea, inset 0 1px 0 #fbfbfb;
-moz-box-shadow: 0 1px 2px #eaeaea, inset 0 1px 0 #fbfbfb;
box-shadow: 0 1px 2px #eaeaea, inset 0 1px 0 #fbfbfb;
}
.mm-button:hover, .mm-button:focus{
color: #555;
text-decoration:none;
background: #efefef;
background: -webkit-gradient(linear, left top, left bottom, from(#f9f9f9), to(#e9e9e9));
background: -moz-linear-gradient(top, #f9f9f9, #e9e9e9);
border-color: #ccc;
-webkit-box-shadow: 0 2px 1px #e0e0e0, inset 0 1px 0 #fbfbfb;
-moz-box-shadow: 0 2px 1px #e0e0e0, inset 0 1px 0 #fbfbfb;
box-shadow: 0 1px 2px #e0e0e0, inset 0 1px 0 #fbfbfb;
}
.mm-button:active{
position: relative;
top: 1px;
color: #555;
background: #efefef;
background: -webkit-gradient(linear, left top, left bottom, from(#eaeaea), to(#f4f4f4));
background: -moz-linear-gradient(top, #eaeaea, #f4f4f4);
border-color: #c6c6c6;
-webkit-box-shadow: 0 1px 0 #fff, inset 0 0 5px #ddd;
-moz-box-shadow: 0 1px 0 #fff, inset 0 0 5px #ddd;
box-shadow: 0 1px 0 #fff, inset 0 0 5px #ddd;
}
.mm-button.rounded{
padding: 8px 15px;
-webkit-border-radius: 15px;
-moz-border-radius: 15px;
border-radius: 15px;
}
input.mm-button, button.mm-button{
*width: auto; *overflow: visible; }
.mm-button img{
border: none;
vertical-align: bottom;
} .mm-button.small{
padding: 5px 11px;
font-size: 11px;
font-weight: normal;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
}
.mm-button.small.rounded{
-webkit-border-radius: 11px;
-moz-border-radius: 11px;
border-radius: 11px;
} .mm-button.large{
padding: 12px 15px;
font-size: 18px;
font-weight: normal;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}
.mm-button.large.rounded{
padding: 12px 22px;
-webkit-border-radius: 23px;
-moz-border-radius: 23px;
border-radius: 23px;
}    .mm-button.light_blue{
background: #92dbf6;
background: -webkit-gradient(linear, left top, left bottom, from(#abe4f8), to(#6fcef3));
background: -moz-linear-gradient(top, #abe4f8, #6fcef3);
border-color: #7cbdd5;
color: #444;
text-shadow: 0 1px 0 #b6e6f9;
-webkit-box-shadow: 0 1px 2px #d6d6d6, inset 0 1px 0 #c0ebfa;
-moz-box-shadow: 0 1px 2px #d6d6d6, inset 0 1px 0 #c0ebfa;
box-shadow: 0 1px 2px #d6d6d6, inset 0 1px 0 #c0ebfa;    
}
.mm-button.light_blue:hover, .mm-button.light_blue:focus{
background: #85d6f5;
background: -webkit-gradient(linear, left top, left bottom, from(#b1e9fd), to(#66c6ea));
background: -moz-linear-gradient(top, #b1e9fd, #66c6ea);
border-color: #66a8bf;
-webkit-box-shadow: 0 0 1px #d6d6d6, inset 0 1px 0 #c0ebfa;
-moz-box-shadow: 0 0 1px #d6d6d6, inset 0 1px 0 #c0ebfa;
box-shadow: 0 0 1px #d6d6d6, inset 0 1px 0 #c0ebfa;
}
.mm-button.light_blue:active{
background: #92dbf6;
border-color: #66a8bf;
-webkit-box-shadow: 0 1px 0 #fff, inset 0 0 5px #66a8bf;
-moz-box-shadow: 0 1px 0 #fff, inset 0 0 5px #66a8bf;
box-shadow: 0 1px 0 #fff, inset 0 0 5px #66a8bf;
} .mm-button.blue{
background: #377ad0;
background: -webkit-gradient(linear, left top, left bottom, from(#52a8e8), to(#377ad0));
background: -moz-linear-gradient(top, #52a8e8, #377ad0);
border-color: #4081af #2e69a3 #20559a;
color: #fff;
text-shadow: 0 1px 1px #4081af;
-webkit-box-shadow: 0 1px 2px #d6d6d6, inset 0 1px 1px #72b9eb;
-moz-box-shadow: 0 1px 2px #d6d6d6, inset 0 1px 1px #72b9eb;
box-shadow: 0 1px 2px #d6d6d6, inset 0 1px 1px #72b9eb;
}
.mm-button.blue:hover, .mm-button.blue:focus{
background: #206bcb;
background: -webkit-gradient(linear, left top, left bottom, from(#3e9ee5), to(#206bcb));
background: -moz-linear-gradient(top, #3e9ee5, #206bcb);
border-color: #2a73a6 #165899 #07428f;
-webkit-box-shadow: 0 1px 0 0 #fff, inset 0 1px 0 0 #62b1e9;
-moz-box-shadow: 0 1px 0 0 #fff, inset 0 1px 0 0 #62b1e9;
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;
-webkit-box-shadow: 0 1px 0 0 #fff, inset 0 0 6px 3px #1657b5;
-moz-box-shadow: 0 1px 0 0 #fff, inset 0 0 6px 3px #1657b5;
box-shadow: 0 1px 0 0 #fff, inset 0 0 6px 3px #1657b5;
} .mm-button.green{
background: #7fbf4d;
background: -webkit-gradient(linear, left top, left bottom, from(#7fbf4d), to(#63a62f));
background: -moz-linear-gradient(top, #7fbf4d, #63a62f);
border-color: #63a62f;
color: #fff;
text-shadow: 0 1px 0 #53961e;
-webkit-box-shadow: 0 1px 2px #d6d6d6, inset 0 1px 0 #96d865;
-moz-box-shadow: 0 1px 2px #d6d6d6, inset 0 1px 0 #96d865;
box-shadow: 0 1px 2px #d6d6d6, inset 0 1px 0 #96d865;    
}
.mm-button.green:hover, .mm-button.green:focus{
background: #76b347;
background: -webkit-gradient(linear, left top, left bottom, from(#86c755), to(#5ea12a));
background: -moz-linear-gradient(top, #86c755, #5ea12a);
border-color: #53961e;
-webkit-box-shadow: 0 0 1px #d6d6d6, inset 0 1px 0 #96d865;
-moz-box-shadow: 0 0 1px #d6d6d6, inset 0 1px 0 #96d865;
box-shadow: 0 0 1px #d6d6d6, inset 0 1px 0 #96d865;    
}
.mm-button.green:active{
background: #7fbf4d;
border-color: #53961e;
-webkit-box-shadow: 0 1px 0 #fff, inset 0 0 5px #53961e;
-moz-box-shadow: 0 1px 0 #fff, inset 0 0 5px #53961e;
box-shadow: 0 1px 0 #fff, inset 0 0 5px #53961e;
} .mm-button.red{
background: #e6433d;
background: -webkit-gradient(linear, left top, left bottom, from(#f8674b), to(#d54746));
background: -moz-linear-gradient(top, #f8674b, #d54746);
border-color: #d1371c #d1371c #9f220d;
color: #fff;
text-shadow: 0 1px 1px #961a07;
-webkit-box-shadow: 0 1px 2px #d6d6d6, inset 0 1px 0 #ff9573;
-moz-box-shadow: 0 1px 2px #d6d6d6, inset 0 1px 0 #ff9573;
box-shadow: 0 1px 2px #d6d6d6, inset 0 1px 0 #ff9573;    
}
.mm-button.red:hover, .mm-button.red:focus{
background: #dd3a37;
background: -webkit-gradient(linear, left top, left bottom, from(#ff7858), to(#cc3a3b));
background: -moz-linear-gradient(top, #ff7858, #cc3a3b);
border-color: #961a07;
-webkit-box-shadow: 0 0 1px #d6d6d6, inset 0 1px 0 #ff9573;
-moz-box-shadow: 0 0 1px #d6d6d6, inset 0 1px 0 #ff9573;
box-shadow: 0 0 1px #d6d6d6, inset 0 1px 0 #ff9573;    
}
.mm-button.red:active{
background: #e6433d;
border-color: #961a07;
-webkit-box-shadow: 0 1px 0 #fff, inset 0 0 5px #961a07;
-moz-box-shadow: 0 1px 0 #fff, inset 0 0 5px #961a07;
box-shadow: 0 1px 0 #fff, inset 0 0 5px #961a07;
} .mm-button.orange{
background: #ee8f1f;
background: -webkit-gradient(linear, left top, left bottom, from(#f5b026), to(#f48423));
background: -moz-linear-gradient(top, #f5b026, #f48423);
border-color: #e6791c #e6791c #d86f15;
color: #fff;
text-shadow: 0 1px 1px #b85300;
-webkit-box-shadow: 0 1px 2px #d7e9a4, inset 0 1px 0 #f8d898;
-moz-box-shadow: 0 1px 2px #d7e9a4, inset 0 1px 0 #f8d898;
box-shadow: 0 1px 2px #d7e9a4, inset 0 1px 0 #f8d898;    
}
.mm-button.orange:hover, .mm-button.orange:focus{
background: #e38512;
background: -webkit-gradient(linear, left top, left bottom, from(#ffbb33), to(#eb7b1a));
background: -moz-linear-gradient(top, #ffbb33, #eb7b1a);
border-color: #d0680c;
-webkit-box-shadow: 0 0 1px #d6d6d6, inset 0 1px 0 #ffdf9e;
-moz-box-shadow: 0 0 1px #d6d6d6, inset 0 1px 0 #ffdf9e;
box-shadow: 0 0 1px #d6d6d6, inset 0 1px 0 #ffdf9e;    
}
.mm-button.orange:active{
background: #ee8f1f;
border-color: #d0680c;
-webkit-box-shadow: 0 1px 0 #fff, inset 0 0 5px #d0680c;
-moz-box-shadow: 0 1px 0 #fff, inset 0 0 5px #d0680c;
box-shadow: 0 1px 0 #fff, inset 0 0 5px #d0680c;
} .mm-button.yellow{
background: #f9e327;
background: -webkit-gradient(linear, left top, left bottom, from(#fceb4c), to(#ebd611));
background: -moz-linear-gradient(top, #fceb4c, #ebd611);
border-color: #dcc700 #dcc700 #c2b00b;
color: #444;
text-shadow: 0 1px 1px #ffff98;
-webkit-box-shadow: 0 1px 2px #d7e9a4, inset 0 1px 0 #fee395;
-moz-box-shadow: 0 1px 2px #d7e9a4, inset 0 1px 0 #fee395;
box-shadow: 0 1px 2px #d7e9a4, inset 0 1px 0 #fee395;    
}
.mm-button.yellow:hover, .mm-button.yellow:focus{
background: #ebd611;
background: -webkit-gradient(linear, left top, left bottom, from(#fffa58), to(#e1cd00));
background: -moz-linear-gradient(top, #fffa58, #e1cd00);
border-color: #cebb10;
-webkit-box-shadow: 0 0 1px #d6d6d6, inset 0 1px 0 #fee395;
-moz-box-shadow: 0 0 1px #d6d6d6, inset 0 1px 0 #fee395;
box-shadow: 0 0 1px #d6d6d6, inset 0 1px 0 #fee395;    
}
.mm-button.yellow:active{
background: #f9e327;
border-color: #cebb10;
-webkit-box-shadow: 0 1px 0 #fff, inset 0 0 5px #cebb10;
-moz-box-shadow: 0 1px 0 #fff, inset 0 0 5px #cebb10;
box-shadow: 0 1px 0 #fff, inset 0 0 5px #cebb10;
} .mm-button.pink{
background: #f87bca;
background: -webkit-gradient(linear, left top, left bottom, from(#f87bca), to(#ec56b5));
background: -moz-linear-gradient(top, #f87bca, #ec56b5);
border-color: #e54aac #e54aac #cc3695;
color: #fff;
text-shadow: 0 1px 1px #c02589;
-webkit-box-shadow: 0 1px 2px #eaeaea, inset 0 1px 0 #f1b9dd;
-moz-box-shadow: 0 1px 2px #eaeaea, inset 0 1px 0 #f1b9dd;
box-shadow: 0 1px 2px #eaeaea, inset 0 1px 0 #f1b9dd;    
}
.mm-button.pink:hover, .mm-button.pink:focus{
background: #f075c3;
background: -webkit-gradient(linear, left top, left bottom, from(#ff85d3), to(#e34dac));
background: -moz-linear-gradient(top, #ff85d3, #e34dac);
border-color: #c02589;
-webkit-box-shadow: 0 0 1px #d6d6d6, inset 0 1px 0 #f1b9dd;
-moz-box-shadow: 0 0 1px #d6d6d6, inset 0 1px 0 #f1b9dd;
box-shadow: 0 0 1px #d6d6d6, inset 0 1px 0 #f1b9dd;    
}
.mm-button.pink:active{
background: #f87bca;
border-color: #c02589;
-webkit-box-shadow: 0 1px 0 #fff, inset 0 0 5px #c02589;
-moz-box-shadow: 0 1px 0 #fff, inset 0 0 5px #c02589;
box-shadow: 0 1px 0 #fff, inset 0 0 5px #c02589;
} .mm-button.purple{
background: #995dc8;
background: -webkit-gradient(linear, left top, left bottom, from(#c785e5), to(#995dc8));
background: -moz-linear-gradient(top, #c785e5, #995dc8);
border-color: #7c45aa #7c45aa #5d288a;
color: #fff;
text-shadow: 0 1px 1px #370662;
-webkit-box-shadow: 0 1px 2px #eaeaea, inset 0 1px 0 #ce8ded;
-moz-box-shadow: 0 1px 2px #eaeaea, inset 0 1px 0 #ce8ded;
box-shadow: 0 1px 2px #eaeaea, inset 0 1px 0 #ce8ded;    
}
.mm-button.purple:hover, .mm-button.purple:focus{
background: #8b50ba;
background: -webkit-gradient(linear, left top, left bottom, from(#cc8aea), to(#884eb8));
background: -moz-linear-gradient(top, #cc8aea, #884eb8);
border-color: #5d288a;
-webkit-box-shadow: 0 0 1px #d6d6d6, inset 0 1px 0 #ce8ded;
-moz-box-shadow: 0 0 1px #d6d6d6, inset 0 1px 0 #ce8ded;
box-shadow: 0 0 1px #d6d6d6, inset 0 1px 0 #ce8ded;    
}
.mm-button.purple:active{
background: #995dc8;
border-color: #5d288a;
-webkit-box-shadow: 0 1px 0 #fff, inset 0 0 5px #5d288a;
-moz-box-shadow: 0 1px 0 #fff, inset 0 0 5px #5d288a;
box-shadow: 0 1px 0 #fff, inset 0 0 5px #5d288a;
} .mm-button.grey{
background: #969696;
background: -webkit-gradient(linear, left top, left bottom, from(#ababab), to(#818181));
background: -moz-linear-gradient(top, #ababab, #818181);
border-color: #a0a0a0 #7c7c7c #717171;
color: #fff;
text-shadow: 0 1px 1px #444;
-webkit-box-shadow: 0 1px 2px #eaeaea, inset 0 1px 0 #bebebe;
-moz-box-shadow: 0 1px 2px #eaeaea, inset 0 1px 0 #bebebe;
box-shadow: 0 1px 2px #eaeaea, inset 0 1px 0 #bebebe;    
}
.mm-button.grey:hover, .mm-button.grey:focus{
background: #868686;
background: -webkit-gradient(linear, left top, left bottom, from(#b0b0b0), to(#6f6f6f));
background: -moz-linear-gradient(top, #b0b0b0, #6f6f6f);
border-color: #666 #666 #606060;
-webkit-box-shadow: 0 0 1px #d6d6d6, inset 0 1px 0 #bebebe;
-moz-box-shadow: 0 0 1px #d6d6d6, inset 0 1px 0 #bebebe;
box-shadow: 0 0 1px #d6d6d6, inset 0 1px 0 #bebebe;    
}
.mm-button.grey:active{
background: #909090;
border-color: #606060;
-webkit-box-shadow: 0 1px 0 #fff, inset 0 0 5px #606060;
-moz-box-shadow: 0 1px 0 #fff, inset 0 0 5px #606060;
box-shadow: 0 1px 0 #fff, inset 0 0 5px #606060;
} .mm-button.black{
background: #525252;
background: -webkit-gradient(linear, left top, left bottom, from(#5e5e5e), to(#434343));
background: -moz-linear-gradient(top, #5e5e5e, #434343);
border-color: #4c4c4c #313131 #1f1f1f;
color: #fff;
text-shadow: 0 1px 1px #2e2e2e;
-webkit-box-shadow: 0 1px 2px #eaeaea, inset 0 1px 0 #868686;
-moz-box-shadow: 0 1px 2px #eaeaea, inset 0 1px 0 #868686;
box-shadow: 0 1px 2px #eaeaea, inset 0 1px 0 #868686;    
}
.mm-button.black:hover, .mm-button.black:focus{
background: #4b4b4b;
background: -webkit-gradient(linear, left top, left bottom, from(#686868), to(#363636));
background: -moz-linear-gradient(top, #686868, #363636);
border-color: #313131;
-webkit-box-shadow: 0 0 1px #d6d6d6, inset 0 1px 0 #868686;
-moz-box-shadow: 0 0 1px #d6d6d6, inset 0 1px 0 #868686;
box-shadow: 0 0 1px #d6d6d6, inset 0 1px 0 #868686;    
}
.mm-button.black:active{
background: #525252;
border-color: #313131;
-webkit-box-shadow: 0 1px 0 #fff, inset 0 0 5px #313131;
-moz-box-shadow: 0 1px 0 #fff, inset 0 0 5px #313131;
box-shadow: 0 1px 0 #fff, inset 0 0 5px #313131;
}