.styleinputs input[type='radio'],
.styleinputs input[type='checkbox'] {
	display: none;
}

.styleinputs input:disabled+span {
	color: #bbb;
}

.styleinputs input[type='radio']+span {
	display: block;
	position: relative;
	padding-left: 21px;

}



.styleinputs input[type='radio']+span:before {
	display: block;
	position: absolute;
	width: 15px;
	height: 15px;
	top: 3px;
	left: 2px;
	content: '';
	background: transparent url(/layout/radio.png);
}

.styleinputs:hover input[type='radio']+span:before {
	background: transparent url(/layout/radio-hover.png);
}

.styleinputs input[type='radio']:checked+span:before,
.styleinputs:hover input[type='radio']:checked+span:before {
	background: transparent url(/layout/radio-checked.png);
}

.styleinputs input[type='radio']:checked:disabled+span:before,
.styleinputs:hover input[type='radio']:checked:disabled+span:before {
	background: transparent url(/layout/radio-disabled-checked.png);
}

.styleinputs input[type='radio']:disabled+span:before,
.styleinputs:hover input[type='radio']:disabled+span:before {
	background: transparent url(/layout/radio-disabled.png);
}



.styleinputs input[type='checkbox']+span {
	display: block;
	position: relative;
	padding-left: 21px;

}

.styleinputs input[type='checkbox']+span:before {
	display: block;
	position: absolute;
	width: 18px;
	height: 18px;
	top: 0;
	left: 2px;
	content: '';
	background: transparent url(/layout/checkbox.png);
}

.styleinputs:hover input[type='checkbox']+span:before {
	background: transparent url(/layout/checkbox-hover.png);
}

.styleinputs input[type='checkbox']:checked+span:before,
.styleinputs:hover input[type='checkbox']:checked+span:before {
	background: transparent url(/layout/checkbox-checked.png);
}

.styleinputs input[type='checkbox']:checked:disabled+span:before,
.styleinputs:hover input[type='checkbox']:checked:disabled+span:before {
	background: transparent url(/layout/checkbox-disabled-checked.png);
}

.styleinputs input[type='checkbox']:disabled+span:before,
.styleinputs:hover input[type='checkbox']:disabled+span:before {
	background: transparent url(/layout/checkbox-disabled.png);
}

/* ======= .toggle-on-off ========= */
.toggle-on-off {
	line-height: 25px;
	padding-bottom: 3px;
}
.toggle-on-off input[type='checkbox'] {
	display: none;
}

.toggle-on-off input[type='checkbox']+span {
	display: block;
	position: relative;
	padding-left: 65px;

}

.toggle-on-off input[type='checkbox']+span:before {
	display: block;
	position: absolute;
	width: 58px;
	height: 25px;
	top: 0;
	left: 2px;
	content: '';
	background: transparent url(/layout/on_offx4.png) -63px 0px;
}

.toggle-on-off input[type='checkbox']:checked+span:before {
	background: transparent url(/layout/on_offx4.png) 0px 0px;
}

.toggle-on-off input[type='checkbox']:checked:disabled+span:before {
	background: transparent url(/layout/on_offx4.png) 0px -27px;
	background-repeat: no-repeat;
}

.toggle-on-off input[type='checkbox']:disabled+span:before {
	background: transparent url(/layout/on_offx4.png) -63px -27px;
}



.delcheck {
	cursor: pointer;
}
.delcheck input[type='checkbox'] {
	display: none;
}


.delcheck input[type='checkbox']+span {
	font-size: 21px;
	color: #bbb;
}

.delcheck:hover input[type='checkbox']+span {
	color: #000;
}

.delcheck input[type='checkbox']:checked+span,
.delcheck:hover input[type='checkbox']:checked+span {
	color: red;
}

.delcheck input[type='checkbox']:checked:disabled+span,
.delcheck:hover input[type='checkbox']:checked:disabled+span {
	color: #b66;
	
}

.delcheck input[type='checkbox']:disabled+span,
.delcheck:hover input[type='checkbox']:disabled+span {
	color: #ccc;
}