buttons.css #1

/* Minus Button */
.mblBlueMinusButton {
	position: relative;
	width: 22px;
	height: 18px;
	border-width: 1px 1px 1px 0px;
	border-style: outset;
	border-color: #6D89C7;
	color: white;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	background-color: #366EDF;
	background: -webkit-gradient(linear, left top, left bottom, from(#7A9DE9), to(#2362DD), color-stop(0.5, #366EDF), color-stop(0.5, #215FDC));
}
.mblDarkBlueMinusButton {
	position: relative;
	width: 22px;
	height: 18px;
	border-width: 1px 1px 1px 0px;
	border-style: outset;
	border-color: #6D89C7;
	color: white;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	background-color: #5877A2;
	background: -webkit-gradient(linear, left top, left bottom, from(#8EA4C1), to(#4A6C9B), color-stop(0.5, #5877A2), color-stop(0.5, #476999));
}
.mblRedMinusButton {
	position: relative;
	width: 22px;
	height: 18px;
	border-width: 1px 1px 1px 0px;
	border-style: outset;
	border-color: #cc1122;
	color: white;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	background-color: #C9404B;
	background: -webkit-gradient(linear, left top, left bottom, from(#D3656D), to(#BC1320), color-stop(0.5, #C9404B), color-stop(0.5, #BC1421));
}
.mblBlueMinusButton DIV, .mblDarkBlueMinusButton DIV, .mblRedMinusButton DIV {
	position: absolute;
	top: 7px;
	left: 7px;
	width: 8px;
	height: 2px;
	margin: 0px;
	font-size: 1px;
	background-color: white;
	border-top: 1px solid #4A5A71;
}

/* Plus Button */
.mblBluePlusButton {
	position: relative;
	width: 22px;
	height: 18px;
	border-width: 1px 1px 1px 0px;
	border-style: outset;
	border-color: #6D89C7;
	color: white;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	background-color: #366EDF;
	background: -webkit-gradient(linear, left top, left bottom, from(#7A9DE9), to(#2362DD), color-stop(0.5, #366EDF), color-stop(0.5, #215FDC));
}
.mblDarkBluePlusButton {
	position: relative;
	width: 22px;
	height: 18px;
	border-width: 1px 1px 1px 0px;
	border-style: outset;
	border-color: #6D89C7;
	color: white;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	background-color: #5877A2;
	background: -webkit-gradient(linear, left top, left bottom, from(#8EA4C1), to(#4A6C9B), color-stop(0.5, #5877A2), color-stop(0.5, #476999));
}
.mblRedPlusButton {
	position: relative;
	width: 22px;
	height: 18px;
	border-width: 1px 1px 1px 0px;
	border-style: outset;
	border-color: #6D89C7;
	color: white;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	background-color: #C9404B;
	background: -webkit-gradient(linear, left top, left bottom, from(#D3656D), to(#BC1320), color-stop(0.5, #C9404B), color-stop(0.5, #BC1421));
}
.mblBluePlusButton DIV, .mblDarkBluePlusButton DIV, .mblRedPlusButton DIV {
	position: absolute;
	top: 7px;
	left: 7px;
	width: 8px;
	height: 2px;
	margin: 0px;
	font-size: 1px;
	background-color: white;
	border-top: 1px solid #4A5A71;
}
.mblBluePlusButton P, .mblDarkBluePlusButton P, .mblRedPlusButton P {
	position: absolute;
	top: 4px;
	left: 10px;
	width: 2px;
	height: 8px;
	margin: 0px;
	font-size: 1px;
	background-color: white;
}

.mblCheckOnButton {
	position: relative;
	width: 30px;
	height: 30px;
	border-width: 1px;
	border-style: outset;
	border-color: #A5A2A5;
	color: white;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	background-color: #D6D3D6;
	background: -webkit-gradient(linear, left top, left bottom, from(#EFF3EF), to(#BDBEBD));
}
.mblCheckOnButton DIV {
	position: absolute;
	top: 15px;
	left: 3px;
	width: 14px;
	height: 4px;
	margin: 0px;
	font-size: 1px;
	background-color: #00CF00;
	border-top: 1px solid #4A5A71;
	-webkit-border-radius: 2px;
	-webkit-transform: rotate(50deg);
}
.mblCheckOnButton P {
	position: absolute;
	top: 11px;
	left: 9px;
	width: 20px;
	height: 4px;
	margin: 0px;
	font-size: 1px;
	background-color: #00CF00;
	border-bottom: 1px solid #4A5A71;
	-webkit-border-radius: 2px;
	-webkit-transform: rotate(-50deg);
}

.mblCheckOffButton {
	position: relative;
	width: 30px;
	height: 30px;
	border-width: 1px;
	border-style: outset;
	border-color: #A5A2A5;
	color: white;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	background-color: #D6D3D6;
	background: -webkit-gradient(linear, left top, left bottom, from(#EFF3EF), to(#BDBEBD));
}
.mblCheckOffButton DIV {
	position: absolute;
	top: 11px;
	left: 9px;
	width: 20px;
	height: 4px;
	font-size: 1px;
	background-color: #BDBABD;
	border-top: 1px solid #8C8E8C;
	-webkit-border-radius: 2px;
	-webkit-transform: rotate(-50deg);
}
.mblCheckOffButton P {
	position: absolute;
	top: 15px;
	left: 3px;
	width: 14px;
	height: 4px;
	font-size: 1px;
	background-color: #BDBABD;
	border-bottom: 1px solid #8C8E8C;
	-webkit-border-radius: 2px;
	-webkit-transform: rotate(50deg);
}