.clearfix:before, .clearfix:after {
	content: "";
	display: table
}
.clearfix:after {
	clear: both
}
.clearfix {
*zoom:1
}
.prettycheckbox, .prettyradio {
	display: inline-block;
	padding: 0;
	margin: 0
}
.prettycheckbox>a, .prettyradio>a {
	height: 30px;
	width: 30px;
	display: block;
	float: left;
	cursor: pointer;
	margin: 0;
	background: url('/images/checkable_sprite.png')
}
.prettycheckbox>a:focus, .prettyradio>a:focus {
	outline: 0 none
}
.prettycheckbox label, .prettyradio label {
	display: block;
	float: left;
	margin: 4px 2px;
	cursor: pointer;
	font-size:14px;
}
.prettycheckbox a.disabled, .prettycheckbox label.disabled, .prettyradio a.disabled, .prettyradio label.disabled {
	cursor: not-allowed
}
.prettycheckbox>a {
	background-position: 0 0
}
.prettycheckbox>a:focus {
	background-position: -30px 0
}
.prettycheckbox>a.checked {
	background-position: -60px 0
}
.prettycheckbox>a.checked:focus {
	background-position: -90px 0
}
.prettycheckbox>a.checked.disabled {
	background-position: -150px 0
}
.prettycheckbox>a.disabled {
	background-position: -120px 0
}
.prettyradio>a {
	background-position: -180px 0
}
.prettyradio>a:focus {
	background-position: -210px 0
}
.prettyradio>a.checked {
	background-position: -240px 0
}
.prettyradio>a.checked:focus {
	background-position: -270px 0
}
.prettyradio>a.checked.disabled {
	background-position: -330px 0
}
.prettyradio>a.disabled {
	background-position: -300px 0
}