/*** MM Dashboard/Reporting styles ***/

/* Table of Contents
========================================================================================================== */
/*
01: Global
02: Forms
03: Tables
04: Responsive (Media Queries)
/*

/* 01: Global
========================================================================================================== */

/** ELEMENTS CSS **/
.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;
}
/** END ELEMENTS CSS **/

.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;
}

/* buttons */
.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;
}
/* quick-nav links */
.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;
}

/* quick-nav IPNs */
#mm-dashboard-ipns {
    position: relative;
    top: -2px;
}

/* metrics */
.mm-metric-wrapper {
	font-size: 0px; /* hack to rid inline-block of default 4px margin */
	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;
}
/* various widths */
.mm-metric-container-25 {
	width: 25%;
}
.mm-metric-container-33 {
	width: 33%;
}
.mm-metric-container-50 {
	width: 50%;
}
.mm-metric-container-66 {
	width: 66%;
}
/* spaced versions (accommodate for margin) */
.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;
}
/* color styling */
.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;
}

/* content */
.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;
}

/* navbar */
.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;
}

/** member details header */
.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;
}

/* Icons */

.mm-icon {
}
.mm-icon:hover {
opacity: .5;
}
/* colors */
.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.lightgrey {
color: #d3d3d3;
}
.mm-icon.yellow {
color: #F6B91B;
}
.mm-icon.white {
color: #fff;
}
.mm-icon.black {
color: #333;
}

.mm-icon.pink {
color: #FFB6C1;
}


/* 02: Forms
========================================================================================================== */


/* 03: Tables
========================================================================================================== */


/* 04: Responsive (Media Queries)
========================================================================================================== */

@media (max-width: 1026px) {
	#mm_ipn_root {
		display: none !important;
	}
}

@media (max-width: 1360px) {

	.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: 10px 25px 11px 35px;
		border: 2px solid;
		border-radius: 5px;
	}

}

/* Same breakpoint as WP */
@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;
	}
	
	/* stack ALL metric-containers in mobile view */
	.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); 
	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;
}

.mm-error {
	border:					solid 1px #f66a6a;
	background-color:		#ffdddd;
}

.mm-divider {
	border-bottom: 1px dotted #C1C1C1;
}

/** FORM CONTAINER **/
#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;
}

/** DATA GRID **/
#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;
	
	/* Below places preview bar at top. */
   /* direction: ltr;
    padding-top: 5px;
    padding-left: 10px;
	top: 0;*/
	
	/* Below places preview bar at bottom */
	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;
}

/* Social Login Classes */
.mm-socialLoginFacebookLogin,.mm-socialLoginFacebookSignup 
{
	display:block;
	left: 0px;
    width: 256px;
    height: 44px;
    text-indent :-9999px;
    background: url('../../images/social-login-btns.png') 0 0;
    background-repeat: no-repeat;
}
.mm-socialLoginFacebookLogin:hover,.mm-socialLoginFacebookSignup:hover 
{
	background: url('../../images/social-login-btns.png') 0 -43px;
	background-repeat: no-repeat;
}
.mm-socialLoginFacebookLogin:active,.mm-socialLoginFacebookSignup:active 
{
	background: url('../../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('../../images/social-login-btns.png') 0 -129px;
    background-repeat: no-repeat;
}
.mm-socialLoginTwitterLogin:hover,.mm-socialLoginTwitterSignup:hover 
{
	 background: url('../../images/social-login-btns.png') 0 -172px;
	 background-repeat: no-repeat;
}
.mm-socialLoginTwitterLogin:active,.mm-socialLoginTwitterSignup:active 
{
	 background: url('../../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('../../images/social-login-btns.png') 0 -258px;
    background-repeat: no-repeat;
}
.mm-socialLoginGoogleLogin:hover,.mm-socialLoginGoogleSignup:hover 
{
	background: url('../../images/social-login-btns.png') 0 -301px;
	background-repeat: no-repeat;
}
.mm-socialLoginGoogleLogin:active,.mm-socialLoginGoogleSignup:active 
{
	background: url('../../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('../../images/social-login-lnkin.png') 0 -2px;
	background-repeat: no-repeat;
}
.mm-socialLoginLinkedInLogin:hover,.mm-socialLoginLinkedInSignup:hover
{
    background: url('../../images/social-login-lnkin.png') 0 -46px;
    background-repeat: no-repeat;
}
.mm-socialLoginLinkedInLogin:active,.mm-socialLoginLinkedInSignup:active
{
    background: url('../../images/social-login-lnkin.png') 0 -91px;
    background-repeat: no-repeat;
}

.mm-tax-configuration-editor-dialog 
{
	display:table;
	box-shadow: 3px 3px 5px #535353;
  	border-radius: 6px 6px 6px 6px;
}

/* move jquery-ui dialogs to the top of the stack */
.ui-dialog { z-index: 9999 !important ;} 

#cp_products td img 
{
	max-width: none;	
}
/* -------------------- */
/*    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;
}