CSS Checkbox style

HTML

<h1>Style Radio Buttons / Checkboxes</h1>
	<input type="radio" id="rb1" name="rb" value="" checked>
	<label for="rb1">Australia</label><br>
	<input type="radio" id="rb2" name="rb"value="">
	<label for="rb2"></label><br>
	<input type="radio" id="rb3" name="rb" value="">
	<label for="rb3">United States</label> <br><br>
	<input type="checkbox" id="cb1" name="cb" value="">
	<label for="cb1">Australia</label><br>
	<input type="checkbox" id="cb2" name="cb"value="" class="rounded-corner" checked>
	<label for="cb2"></label><br>
	<input type="checkbox" id="cb3" name="cb" value="">
	<label for="cb3">United States</label>

CSS

input[type=radio], input[type=checkbox].rounded-corner {
	   display:none;
	}

input[type=checkbox].rounded-corner + label:before {
	    content: "";  
	    display: inline-block;  
	    width: 32px;  
	    height: 32px;  
	    vertical-align:middle;
	    margin-right: 8px; 
      border:1px solid #CFCFCF;
	    background-color: #fff; 
	    box-shadow: inset 0px 2px 2px rgba(0, 0, 0, .3);
	    border-radius: 5px;  
	}

input[type=checkbox].rounded-corner:checked + label:before {
		content:"\2715";
		color:#2EB82E;
	  background-color: #fff;
		text-align:center;
		line-height:15px;
	  text-shadow:0px 0px 3px #eee;
	}