﻿
.ACTiCheckbox input[type='checkbox']/*,.ACTiCheckbox input[type='radio']*/
{
	/* Hide the input, but have it still be clickable */
	opacity: 0;
	width: 24px;
}


.ACTiCheckbox input[type='checkbox'],.ACTiCheckbox input[type='radio']
{
	float: left;
	height: 21px;
	margin-right: 5px;
}

.ACTiCheckbox input[type='checkbox'] + span
{
	margin-left: -24px;
	clear: none; /* Left padding makes room for image */
	padding: 5px 0 4px 24px; /* Make look clickable because they are      cursor: pointer;*/
	background: url(Images/checkbox_N.png) left center no-repeat;
}

.ACTiCheckbox input[type='checkbox']:checked + span
{
	background-image: url(Images/checkbox_F.png);
}

input[type='checkbox'] + ckb.ACTiCheckbox/*, input[type='radio'] + ckb.ACTiCheckbox*/
{
	margin-left: -24px;
	clear: none; /* Left padding makes room for image */
	/*padding: 5px 0 4px 24px; *//* Make look clickable because they are      cursor: pointer;*/
	background: url(Images/checkbox_N.png) left center no-repeat;
	width: 20px;
	height: 20px;
	display: inline-block;
	float: left;
}

input[type='checkbox']:checked + ckb.ACTiCheckbox/*, input[type='radio']:checked + ckb.ACTiCheckbox*/
{
	background: url(Images/checkbox_F.png) left center no-repeat;
}
