Implemented the new design for checkboxes and radios as proposed by @toddparker.

js/jquery.mobile.forms.checkboxradio.js

@@ -133,11 +133,9 @@ $.widget( "mobile.checkboxradio", $.mobile.widget, {
 		// input[0].checked expando doesn't always report the proper value
 		// for checked='checked'
 		if ( $(input[0]).prop('checked') ) {
-			label.addClass( $.mobile.activeBtnClass );
 			icon.addClass( this.checkedicon ).removeClass( this.uncheckedicon );
 
 		} else {
-			label.removeClass( $.mobile.activeBtnClass );
 			icon.removeClass( this.checkedicon ).addClass( this.uncheckedicon );
 		}
 

themes/default/jquery.mobile.theme.css

@@ -819,14 +819,18 @@ a.ui-link-inherit {
 
 
 /* checks,radios */
+.ui-checkbox .ui-icon {
+	-moz-border-radius: 3px;
+	-webkit-border-radius: 3px;
+	border-radius: 3px;
+}
 .ui-icon-checkbox-off,
+.ui-icon-radio-off {
+	background-color: transparent;	
+}
 .ui-icon-checkbox-on,
-.ui-icon-radio-off,
 .ui-icon-radio-on {
-	background-color: transparent;
-	-moz-border-radius: 0;
-	-webkit-border-radius: 0;
-	border-radius: 0;
+	background-color: #4596ce; /* NOTE: this hex should match the active state color. It's repeated here for cascade */
 }
 .ui-icon-searchfield {
 	background-image: url(images/icon-search-black.png);