.checkBox label {
	cursor: pointer;
	position: absolute;
	width: 26px;
	height: 26px;
	left: 4px;
	top: 4px;

	-webkit-box-shadow: inset 1px 1px 0px rgba(0,0,0,0.5), 0px 1px 0px rgba(255,255,255,1);
	-moz-box-shadow: inset 1px 1px 0px rgba(0,0,0,0.5), 0px 1px 0px rgba(255,255,255,1);
	box-shadow: inset 1px 1px 0px rgba(0,0,0,0.5), 0px 1px 0px rgba(255,255,255,1);

	background:#aaa;
}

.checkBox label:after {
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	filter: alpha(opacity=0);
	opacity: 0;
	content: '';
	position: absolute;
	width: 14px;
	height: 8px;
	background: transparent;
	top: 5px;
	left: 5px;
	border: 3px solid #fcfff4;
	border-top: none;
	border-right: none;

	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	transform: rotate(-45deg);
}

.checkBox label:hover::after {
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";
	filter: alpha(opacity=30);
	opacity: 0.3;
}

.checkBox input[type=checkbox]:checked + label:after {
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter: alpha(opacity=100);
	opacity: 1;
}

.checkBox input,.toggle input{
opacity:0;
}


/* SLIDE THREE */
.toggle {
	width: 60px;
	height: 26px;
	float:right;
	
	/*margin: 20px auto;*/
	/*background:#aaa;*/
	
	position:relative;
	right:2em;
	top:0.7em;

	-webkit-box-shadow: inset 1px 1px 0px rgba(0,0,0,0.5)0;
	-moz-box-shadow: inset 1px 1px 0px rgba(0,0,0,0.5);
	box-shadow: inset 1px 1px 0px rgba(0,0,0,0.3);
	-webkit-border-radius: 50px;
	-moz-border-radius: 50px;
	border-radius: 50px;
}

.toggle:after {
	
}

.toggle:before {
	
}

.toggle label {
	display: block;
	
	width: 60px;
	height: 26px;


	-webkit-transition: all .4s ease;
	-moz-transition: all .4s ease;
	-o-transition: all .4s ease;
	-ms-transition: all .4s ease;
	transition: all .4s ease;
	cursor: pointer;
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 1;
	background:#aaa;
	-webkit-box-shadow: 1px 1px 0px 0px rgba(0,0,0,0.3);
	-moz-box-shadow: 1px 1px 0px 0px rgba(0,0,0,0.3);
	box-shadow: inset 1px 1px 1px 0px rgba(0,0,0,0.3);

	/*border:1px #ccc solid;*/
	-webkit-border-radius: 50px;
	-moz-border-radius: 50px;
	border-radius: 50px;
	


}

.toggle label .switch {
	display: block;
	width: 24px;
	height: 24px;



	-webkit-transition: all .4s ease;
	-moz-transition: all .4s ease;
	-o-transition: all .4s ease;
	-ms-transition: all .4s ease;
	transition: all .4s ease;
	cursor: pointer;
	position: absolute;
	top: 1px;
	left: 1px;
	z-index: 1;
	-webkit-border-radius: 50px;
	-moz-border-radius: 50px;
	border-radius: 50px;
	
	-webkit-box-shadow: 1px 1px 0px rgba(0,0,0,0.3);
	-moz-box-shadow: 1px 1px 0px rgba(0,0,0,0.3);
	box-shadow: 1px 1px 0px rgba(0,0,0,0.3);

	background: repeating-linear-gradient(
  to bottom,
  #fff,
  #eee)
  

}



.toggle label .handle {
	display: block;
	width: 14px;
	height: 14px;



	-webkit-transition: all .4s ease;
	-moz-transition: all .4s ease;
	-o-transition: all .4s ease;
	-ms-transition: all .4s ease;
	transition: all .4s ease;
	cursor: pointer;
	position: absolute;
	top: 5px;
	left: 5px;
	z-index: 1;
	-webkit-border-radius: 50px;
	-moz-border-radius: 50px;
	border-radius: 50px;
	/*box-shadow: 1px 1px 0px 0px rgba(0,0,0,0.3);*/

/*	-webkit-box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.3);
	-moz-box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.3);
	box-shadow: inset 1px 1px 0px 0px rgba(0,0,0,0.2);*/
/*	background: repeating-linear-gradient(
  to right,
  #ccc,
  #fff,
  #ccc 1px,
  #fff 2px
);*/

background:#fff;
	
background: repeating-linear-gradient(
  to bottom,
  #ededed,
  #fff)
  

}


.toggle input[type=checkbox]:checked + label{
	background:#7ccc42;
		-webkit-box-shadow: inset 1px 1px 0px rgba(0,0,0,0.3);
	-moz-box-shadow: inset 1px 1px 0px rgba(0,0,0,0.3);
	box-shadow: inset 1px 1px 0px rgba(0,0,0,0.3);
	
}

.toggle input[type=checkbox]:checked + label .switch{
	left: 35px;
	
}

@media only screen and (max-device-width: 480px) {

.toggle {

	right:0em;

}