label + div,
input[type=checkbox] + div
{
	margin-top: 20px;
}

div > input[type=checkbox],
td > input[type=checkbox],
li > input[type=checkbox]
{
	padding: 0;
	margin: 0px;
	height: 16px;
	width: 16px;
	float: left;
	position: absolute;
	left: 0;
	opacity: 0;
}
div > label,
td > label,
li > label
{ 
	line-height: 16px; 
	color: #BABABA; 
	font-family:Helvetica,Arial,sans-serif;
	font-size:16px;
	font-weight:bold;
	line-height: 20px;
	padding: 0 0 0 18px;
	-moz-transition: color 1s ease; 
	-o-transition: color 1s ease; 
	-webkit-transition: color 1s ease; 
	transition: color 1s ease; 
}

div:not(#foo) > input:hover + label, 
div:not(#foo) > input:focus + label,
div:not(#foo) > input + label:hover, 
div:not(#foo) > input:focus + label,			
td:not(#foo) > input:hover + label, 
td:not(#foo) > input:focus + label,
td:not(#foo) > input + label:hover, 
td:not(#foo) > input:focus + label			
{ 
	text-shadow: 1px 1px 3px #000; 
	color: white; 
}


li:not(#foo) > input:hover + label, 
li:not(#foo) > input:focus + label,
li:not(#foo) > input + label:hover, 
li:not(#foo) > input:focus + label			
{ 
	color: #2C7AD0; 
}


div:not(#foo) > input[type=checkbox] + label,
td:not(#foo) > input[type=checkbox] + label,
li:not(#foo) > input[type=checkbox] + label
{
	background: url(../pics/check_btn.png) 0 -1px no-repeat;
	background-position: 0px 0px;
	height: 20px;
}

/* Checked styles */
div:not(#foo) > input[type=checkbox]:checked + label,						
td:not(#foo) > input[type=checkbox]:checked + label						
{ 
	background-position: 0 -20px; 
	color: white; 
}
li:not(#foo) > input[type=checkbox]:checked + label						
{ 
	background-position: 0 -20px; 
}
div:not(#foo) > input[type=checkbox]:hover:checked + label,
div:not(#foo) > input[type=checkbox]:focus:checked + label,
div:not(#foo) > input[type=checkbox]:checked + label:hover,
div:not(#foo) > input[type=checkbox]:focus:checked + label, 					
td:not(#foo) > input[type=checkbox]:hover:checked + label,
td:not(#foo) > input[type=checkbox]:focus:checked + label,
td:not(#foo) > input[type=checkbox]:checked + label:hover,
td:not(#foo) > input[type=checkbox]:focus:checked + label 					
{ 
	background-position: 0 -40px; 
	color: white; 
}
li:not(#foo) > input[type=checkbox]:hover:checked + label,
li:not(#foo) > input[type=checkbox]:focus:checked + label,
li:not(#foo) > input[type=checkbox]:checked + label:hover,
li:not(#foo) > input[type=checkbox]:focus:checked + label 					
{ 
	background-position: 0 -40px; 
}

/* Hover & Focus styles */
div:not(#foo) > input[type=checkbox]:hover + label,
div:not(#foo) > input[type=checkbox]:focus + label,
div:not(#foo) > input[type=checkbox] + label:hover, 							
td:not(#foo) > input[type=checkbox]:hover + label,
td:not(#foo) > input[type=checkbox]:focus + label,
td:not(#foo) > input[type=checkbox] + label:hover, 							
li:not(#foo) > input[type=checkbox]:hover + label,
li:not(#foo) > input[type=checkbox]:focus + label,
li:not(#foo) > input[type=checkbox] + label:hover 							
{ 
	background-position: 0 -60px; 
}

/* Active styles */
div:not(#foo) > input[type=checkbox]:active + label,
div:not(#foo) > input[type=checkbox] + label:hover:active,					
td:not(#foo) > input[type=checkbox]:active + label,
td:not(#foo) > input[type=checkbox] + label:hover:active,					
li:not(#foo) > input[type=checkbox]:active + label,
li:not(#foo) > input[type=checkbox] + label:hover:active					
{ 
	background-position: 0 -80px; 
}
div:not(#foo) > input[type=checkbox]:active:checked + label,
div:not(#foo) > input[type=checkbox]:checked + label:hover:active,			
td:not(#foo) > input[type=checkbox]:active:checked + label,
td:not(#foo) > input[type=checkbox]:checked + label:hover:active,			
li:not(#foo) > input[type=checkbox]:active:checked + label,
li:not(#foo) > input[type=checkbox]:checked + label:hover:active			
{ 
	background-position: 0 -100px; 
}


/* Disabled styles */
div:not(#foo) > input[type=checkbox]:disabled + label,
div:not(#foo) > input[type=checkbox]:hover:disabled + label,
div:not(#foo) > input[type=checkbox]:focus:disabled + label,
div:not(#foo) > input[type=checkbox]:disabled + label:hover,
div:not(#foo) > input[type=checkbox]:disabled + label:hover:active,			
td:not(#foo) > input[type=checkbox]:disabled + label,
td:not(#foo) > input[type=checkbox]:hover:disabled + label,
td:not(#foo) > input[type=checkbox]:focus:disabled + label,
td:not(#foo) > input[type=checkbox]:disabled + label:hover,
td:not(#foo) > input[type=checkbox]:disabled + label:hover:active,			
li:not(#foo) > input[type=checkbox]:disabled + label,
li:not(#foo) > input[type=checkbox]:hover:disabled + label,
li:not(#foo) > input[type=checkbox]:focus:disabled + label,
li:not(#foo) > input[type=checkbox]:disabled + label:hover,
li:not(#foo) > input[type=checkbox]:disabled + label:hover:active			
{ 
	background-position: 0 -120px; 
	color: #BABABA;
}

div:not(#foo) > input[type=checkbox]:disabled:checked + label,
div:not(#foo) > input[type=checkbox]:hover:disabled:checked + label,
div:not(#foo) > input[type=checkbox]:focus:disabled:checked + label,
div:not(#foo) > input[type=checkbox]:disabled:checked + label:hover,
div:not(#foo) > input[type=checkbox]:disabled:checked + label:hover:active,

td:not(#foo) > input[type=checkbox]:disabled:checked + label,
td:not(#foo) > input[type=checkbox]:hover:disabled:checked + label,
td:not(#foo) > input[type=checkbox]:focus:disabled:checked + label,
td:not(#foo) > input[type=checkbox]:disabled:checked + label:hover,
td:not(#foo) > input[type=checkbox]:disabled:checked + label:hover:active,

li:not(#foo) > input[type=checkbox]:disabled:checked + label,
li:not(#foo) > input[type=checkbox]:hover:disabled:checked + label,
li:not(#foo) > input[type=checkbox]:focus:disabled:checked + label,
li:not(#foo) > input[type=checkbox]:disabled:checked + label:hover,
li:not(#foo) > input[type=checkbox]:disabled:checked + label:hover:active	
	
{ 
	background-position: 0 -140px; 
	color: #BABABA;
}