/*** reset browser defaults ***/

.mBox input, .mBox textarea, .mBox button, .mBox select {
	margin:0;
	outline:none;
}
.mBox input::-moz-focus-inner,
.mBox button::-moz-focus-inner {
	border:0;
}

/*** transitions ***/

.mBox input[type="text"],
.mBox input[type="password"],
.mBox input[type="button"],
.mBox input[type="submit"],
.mBox textarea,
.mBox div.select,
.mBox a.button,
.mBox button {
	-webkit-transition:0.1s linear border;
	-moz-transition:0.1s linear border;
	-ms-transition:0.1s linear border;
	-o-transition:0.1s linear border;
	transition:0.1s linear border;
}

/*** buttons ***/

.mBox button,
.mBox a.button,
.mBox input[type="button"],
.mBox input[type="submit"] {
	cursor:pointer;
	position:relative;
	text-align:center;
	font-size:12px;
	font-weight:bold;
	height:29px;
	padding:0px 15px;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	border-radius:3px;
	-webkit-box-shadow:inset 0 1px 1px rgba(255, 255, 255, 0.25);
	-moz-box-shadow:inset 0 1px 1px rgba(255, 255, 255, 0.25);
	box-shadow:inset 0 1px 1px rgba(255, 255, 255, 0.25);
}
.mBox a.button *,
.mBox button * {
	cursor:pointer;
	pointer-events:none;
}
.mBox button.button_small,
.mBox a.button.button_small,
.mBox input[type="button"].button_small,
.mBox input[type="submit"].button_small {
	height:25px;
	font-size:11px;
	padding:0px 10px;
	-webkit-border-radius:2px;
	-moz-border-radius:2px;
	border-radius:2px;
}
.mBox button:active,
.mBox a.button:active,
.mBox input[type="button"]:active,
.mBox input[type="submit"]:active {
	-webkit-box-shadow:inset 0 1px 2px rgba(0, 0, 0, 0.26) !important;
	-moz-box-shadow:inset 0 1px 2px rgba(0, 0, 0, 0.26) !important;
	box-shadow:inset 0 1px 2px rgba(0, 0, 0, 0.26) !important;
}
.mBox button:active > *:first-child,
.mBox a.button:active > *:first-child {
	position:relative;
	top:1px;
}
.mBox x:-o-prefocus, button:active *:first-child {
	position:static !important;
}
.mBox button[disabled],
.mBox input[type="button"][disabled],
.mBox input[type="submit"][disabled] {
	padding-top:0px !important;
	cursor:default !important;
	border:1px solid #d9d9d9 !important;
	color:#cacaca !important;
	text-shadow:0 1px 1px #fdfdfd !important;
	-webkit-box-shadow:none !important;
	-moz-box-shadow:none !important;
	box-shadow:none !important;
	background-color:#ececec !important;
	background-image:-webkit-linear-gradient(top,#f9f9f9,#e4e4e4) !important;
	background-image:-moz-linear-gradient(top,#f9f9f9,#e4e4e4) !important;
	background-image:-ms-linear-gradient(top,#f9f9f9,#e4e4e4) !important;
	background-image:-o-linear-gradient(top,#f9f9f9,#e4e4e4) !important;
	background-image:linear-gradient(top,#f9f9f9,#e4e4e4) !important;
	filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#f9f9f9,EndColorStr=#e4e4e4) !important;
}
.mBox button.button_loading,
.mBox a.button.button_loading,
.mBox input[type="button"].button_loading,
.mBox input[type="submit"].button_loading {
	color:#d9d9d9 !important;
	text-shadow:0 1px 1px #fefefe !important;
}
.mBox button.button_loading:after,
.mBox a.button.button_loading:after,
.mBox input[type="button"].button_loading:after,
.mBox input[type="submit"].button_loading:after {
	content:"";
	position:absolute;
	top:50%;
	left:50%;
	width:16px;
	height:16px;
	margin-left:-8px;
	margin-top:-8px;
	background:url('images/mForm-Spinner.gif') no-repeat;
}

/*** gray button ***/

.mBox button,
.mBox a.button,
.mBox input[type="button"],
.mBox input[type="submit"] {
	color:#707070;
	text-shadow:0 1px 1px #fff;
	border:1px solid #ccc;
	border-bottom:1px solid #c0c0c0;
	background-color:#ececec;
	background-image:-webkit-linear-gradient(top,#fbfbfb,#e4e4e4);
	background-image:-moz-linear-gradient(top,#fbfbfb,#e4e4e4);
	background-image:-ms-linear-gradient(top,#fbfbfb,#e4e4e4);
	background-image:-o-linear-gradient(top,#fbfbfb,#e4e4e4);
	background-image:linear-gradient(top,#fbfbfb,#e4e4e4);
	filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#fbfbfb,EndColorStr=#e4e4e4);
}
.mBox button:hover,
.mBox a.button:hover,
.mBox input[type="button"]:hover,
.mBox input[type="submit"]:hover {
	border:1px solid #b5b5b5;
	-webkit-box-shadow:inset 0 1px 1px rgba(255, 255, 255, 0.25), 0 1px 1px rgba(0, 0, 0, 0.07);
	-moz-box-shadow:inset 0 1px 1px rgba(255, 255, 255, 0.25), 0 1px 1px rgba(0, 0, 0, 0.07);
	box-shadow:inset 0 1px 1px rgba(255, 255, 255, 0.25), 0 1px 1px rgba(0, 0, 0, 0.07);
}
.mBox button:active,
.mBox a.button:active,
.mBox input[type="button"]:active,
.mBox input[type="submit"]:active {
	border:1px solid #a0a0a0;
	border-bottom:1px solid #cacaca;
	background:#e5e5e5;
}

/*** green button ***/

.mBox button.button_green,
.mBox a.button.button_green,
.mBox input[type="button"].button_green,
.mBox input[type="submit"].button_green {
	color:#fff;
	text-shadow:0 -1px 1px #779a35;
	border:1px solid #779a35;
	border-bottom:1px solid #708542;
	background-color:#83af31;
	background-image:-webkit-linear-gradient(top,#a9d05b,#77a423);
	background-image:-moz-linear-gradient(top,#a9d05b,#77a423);
	background-image:-ms-linear-gradient(top,#a9d05b,#77a423);
	background-image:-o-linear-gradient(top,#a9d05b,#77a423);
	background-image:linear-gradient(top,#a9d05b,#77a423);
	filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#a9d05b,EndColorStr=#77a423);
}
.mBox button.button_green:hover,
.mBox a.button.button_green:hover,
.mBox input[type="button"].button_green:hover,
.mBox input[type="submit"].button_green:hover {
	border:1px solid #577027;
	-webkit-box-shadow:inset 0 1px 1px rgba(255, 255, 255, 0.25), 0 1px 1px rgba(0, 0, 0, 0.15);
	-moz-box-shadow:inset 0 1px 1px rgba(255, 255, 255, 0.25), 0 1px 1px rgba(0, 0, 0, 0.15);
	box-shadow:inset 0 1px 1px rgba(255, 255, 255, 0.25), 0 1px 1px rgba(0, 0, 0, 0.15);
}
.mBox button.button_green:active,
.mBox a.button_green:active,
.mBox input[type="button"].button_green:active,
.mBox input[type="submit"].button_green:active {
	border:1px solid #6c8c30;
	border-bottom:1px solid #779a35;
	background:#84af31;
}

/*** yellow button ***/

.mBox button.button_yellow,
.mBox a.button.button_yellow,
.mBox input[type="button"].button_yellow,
.mBox input[type="submit"].button_yellow {
	color:#fff;
	text-shadow:0 -1px 1px #e09100;
	border:1px solid #e09100;
	border-bottom:1px solid #cd7d00;
	background-color:#ffb316;
	background-image:-webkit-linear-gradient(top,#ffd044,#ffa704);
	background-image:-moz-linear-gradient(top,#ffd044,#ffa704);
	background-image:-ms-linear-gradient(top,#ffd044,#ffa704);
	background-image:-o-linear-gradient(top,#ffd044,#ffa704);
	background-image:linear-gradient(top,#ffd044,#ffa704);
	filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#ffd044,EndColorStr=#ffa704);
}
.mBox button.button_yellow:hover,
.mBox a.button.button_yellow:hover,
.mBox input[type="button"].button_yellow:hover,
.mBox input[type="submit"].button_yellow:hover {
	border:1px solid #c27e00;
	-webkit-box-shadow:inset 0 1px 1px rgba(255, 255, 255, 0.25), 0 1px 1px rgba(0, 0, 0, 0.15);
	-moz-box-shadow:inset 0 1px 1px rgba(255, 255, 255, 0.25), 0 1px 1px rgba(0, 0, 0, 0.07);
	box-shadow:inset 0 1px 1px rgba(255, 255, 255, 0.25), 0 1px 1px rgba(0, 0, 0, 0.15);
}
.mBox button.button_yellow:active,
.mBox a.button.button_yellow:active,
.mBox input[type="button"].button_yellow:active,
.mBox input[type="submit"].button_yellow:active {
	border:1px solid #e09100;
	border-bottom:1px solid #ed9e09;
	background:#ffb215;
}

/*** red button ***/

.mBox button.button_red,
.mBox a.button.button_red,
.mBox input[type="button"].button_red,
.mBox input[type="submit"].button_red {
	color:#fff;
	text-shadow:0 -1px 1px #e00000;
	border:1px solid #e00000;
	border-bottom:1px solid #cd0000;
	background-color:#ffb316;
	background-image:-webkit-linear-gradient(top,#ff8444,#ff3404);
	background-image:-moz-linear-gradient(top,#ff8444,#ff3404);
	background-image:-ms-linear-gradient(top,#ff8444,#ff3404);
	background-image:-o-linear-gradient(top,#ff8444,#ff3404);
	background-image:linear-gradient(top,#ff8444,#ff3404);
	filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#ff8444,EndColorStr=#ff3404);
}
.mBox button.button_red:hover,
.mBox a.button.button_red:hover,
.mBox input[type="button"].button_red:hover,
.mBox input[type="submit"].button_red:hover {
	border:1px solid #990000;
	-webkit-box-shadow:inset 0 1px 1px rgba(255, 255, 255, 0.25), 0 1px 1px rgba(0, 0, 0, 0.15);
	-moz-box-shadow:inset 0 1px 1px rgba(255, 255, 255, 0.25), 0 1px 1px rgba(0, 0, 0, 0.07);
	box-shadow:inset 0 1px 1px rgba(255, 255, 255, 0.25), 0 1px 1px rgba(0, 0, 0, 0.15);
}
.mBox button.button_red:active,
.mBox a.button.button_red:active,
.mBox input[type="button"].button_red:active,
.mBox input[type="submit"].button_red:active {
	border:1px solid #990000;
	border-bottom:1px solid #ed2c09;
	background:#ff4a15;
}

/*** blue button ***/

.mBox button.button_blue,
.mBox a.button.button_blue,
.mBox input[type="button"].button_blue,
.mBox input[type="submit"].button_blue {
	color:#fff;
    text-shadow: 0 -1px 1px #0003E0;
    border: 1px solid #0069E0;
    border-bottom: 1px solid #2C54BB;
    background-color: #2D6ED2;
    background-image: -webkit-linear-gradient(top,#539EE7,#1251D0);

	background-image:-moz-linear-gradient(top,#539EE7,#1251D0);
	background-image:-ms-linear-gradient(top,#539EE7,#1251D0);
	background-image:-o-linear-gradient(top,#539EE7,#1251D0);
	background-image:linear-gradient(top,#539EE7,#1251D0);
	filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#539EE7,EndColorStr=#1251D0);
}
.mBox button.button_blue:hover,
.mBox a.button.button_blue:hover,
.mBox input[type="button"].button_blue:hover,
.mBox input[type="submit"].button_blue:hover {
	border:1px solid #0A2590;
	-webkit-box-shadow:inset 0 1px 1px rgba(255, 255, 255, 0.25), 0 1px 1px rgba(0, 0, 0, 0.15);
	-moz-box-shadow:inset 0 1px 1px rgba(255, 255, 255, 0.25), 0 1px 1px rgba(0, 0, 0, 0.07);
	box-shadow:inset 0 1px 1px rgba(255, 255, 255, 0.25), 0 1px 1px rgba(0, 0, 0, 0.15);
}
.mBox button.button_blue:active,
.mBox a.button.button_blue:active,
.mBox input[type="button"].button_blue:active,
.mBox input[type="submit"].button_blue:active {
	border:1px solid #0A2590;
	border-bottom:1px solid #2570C5;
	background:#337BCD;
}

/*** disable text-selcting ***/

.mBox .noselect {
	-webkit-touch-callout:none;
	-webkit-user-select:none;
	-khtml-user-select:none;
	-moz-user-select:none;
	-ms-user-select:none;
	user-select:none;
}

.mBox .cancelBtn {
    font-weight: normal;
    border: 0;
    background: none;
    padding: 0;
    filter: none;
}

.mBox .cancelBtn:hover {
    border: 0;
    background: none;
    color: #CE2127;
    box-shadow: none;
}

.mBox a.button {
    display: block;
    float: left;
    text-decoration: none;
    padding-top: 2px;
    height: 25px;
}