/*WRAPPER*/
#wrapper{ margin: 40px auto 0;	width:500px; }
#wrapper > div{	margin-bottom:10px;	}


/*CHECKBOX*/
input{ display:none; }

label div{
	width:23px;
	height:23px;
	display:inline-block;
	border:1px solid #428BCA;
	text-align:center;
	line-height:20px;
	margin-right:6px;	
	border-radius:3px;
	cursor:pointer;
	color: white;
}

label i{ font-size:16px;	opacity:0; }
label:hover div{ background:#428BCA; }
input:checked+label i{ opacity:1; }
input:checked+label div{ background:#428BCA; }