

fieldset {
	padding: 10px 0px;
	border: none;
}

.checkbox-wrapper,
.radio-wrapper {
	position: relative;
	padding-left: 25px;
	font-size: 13px;
	font-weight: 300;
	cursor: pointer;
	display: inline-block;
	line-height: 24px;
	margin-right: 5px;
}

.checkbox-wrapper input[type="checkbox"],
.checkbox-wrapper input[type="radio"],
.radio-wrapper input[type="checkbox"],
.radio-wrapper input[type="radio"] {
	position: absolute;
	top: 0;
	left: 0;
	width: 18px;
	height: 18px;
	margin: 0;
	padding: 0;
	opacity: 0;
	filter: alpha(opacity=0);
	cursor: pointer;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.checkbox-wrapper .checkbox,
.radio-wrapper .radio {
	position: absolute;
	top: 0;
	left: 0;
	width: 18px;
	height: 18px;
	cursor: pointer;
	color: #fff;
	text-align: center;
	border: 1px solid #d8e1e3;
}

.radio-wrapper .radio {
	border-radius: 100%;
	-ms-border-radius: 100%;
	-moz-border-radius: 100%;
	-khtml-border-radius: 100%;
	-webkit-border-radius: 100%;
}


.radio-wrapper .radio.current:after {
	content: '';
	position: absolute;
	top: 6px;
	left: 6px;
	width: 6px;
	height: 6px;
	background-color: #f69b00;
	border-radius: 100%;
	-ms-border-radius: 100%;
	-moz-border-radius: 100%;
	-khtml-border-radius: 100%;
	-webkit-border-radius: 100%;
}

.checkbox-wrapper .checkbox > i,
.radio-wrapper .radio > i {
	display: none;
	font-size: 9px;
	line-height: 17px;
}

.radio-wrapper .radio > i { font-size: 7px; }

.checkbox-wrapper .current > i,
.radio-wrapper .current > i { display: block; }

.checkbox-wrapper[disabled="disabled"],
.radio-wrapper[disabled="disabled"] {
	opacity: 0.5;
}

.checkbox-wrapper[color="orange"] .current,
.radio-wrapper[color="orange"] .current {
	border-color: #f69b00;
}

.checkbox-wrapper[color="orange"]:hover .checkbox,
.checkbox-wrapper[color="orange"][disabled="disabled"]:hover .current,
.radio-wrapper[color="orange"]:hover .radio,
.radio-wrapper[color="orange"][disabled="disabled"]:hover .current {
	border-color: #f69b00;
}

.checkbox-wrapper[disabled="disabled"]:hover .checkbox,
.radio-wrapper[disabled="disabled"]:hover .radio {
	border-color: #d8e1e3;
}