@charset "UTF-8";
.iOS {
	width: 150px;
	padding: 12px 0px 0;
	margin: auto;
	font-size: 14px;
	line-height: 14px;
	color:#ababab;
	vertical-align:bottom;
		font-family: Helvetica, arial, sans-serif;

}
.iOS p {
	padding: 0 0 20px 0;
	text-align: center;
	color: #4c566c;
	text-shadow: 0 1px 0 #fff;
}
.iOS input {
	margin-right: 4px;
}
.iOS input[type="checkbox"]:checked,
.iOS input[type="checkbox"]:not(:checked) {
	width: 1px;
	height: 1px;
	margin: 0;
	padding: 0;
	opacity: 0;
	position: absolute;
	clip: rect(0 0 0 0);
	clip: rect(0,0,0,0);
	-webkit-appearance:	none;
	-moz-appearance:	none;
	-o-appearance:		none;
	appearance:			none;
}
#foo:checked:before,
.iOS input[type="checkbox"]+label {
	display: block;
	padding-right: 80px;
	position: relative;
	cursor: pointer;
	text-align: left;
}
#foo:checked,
.iOS input[type="checkbox"]+label:before {
	content: 'I\0000a0\0000a0\0000a0\0000a0\0000a0\0000a0O';
	position: absolute;
	right: 0;
	bottom: 50%;
	margin-bottom: -10px;
	width: 66px;
	height: 20px;
	padding-left: 4px;
	line-height: 22px;
	font-size: 13px;
	font-weight: bold;
	text-align: center;
	letter-spacing: 0;
	color: rgb(132,132,132);
	text-shadow: none;
	background-color: rgb(53,126,247);
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(transparent), to(rgba(255,255,255,.2)), color-stop(0.5, transparent), color-stop(0.5, rgba(255,255,255,.1))), -webkit-gradient(linear, 0% 0%, 100% 0%, from(rgb(53,126,247)), to(rgb(247,247,247)), color-stop(0.5, rgb(53,126,247)), color-stop(0.5, rgb(247,247,247)));
	background: -webkit-linear-gradient(top, transparent 50%, rgba(255,255,255,.1) 50%, rgba(255,255,255,.2) 100%), -webkit-linear-gradient(left, rgb(53,126,247) 50%, rgb(247,247,247) 50%);
	background:    -moz-linear-gradient(top, transparent 50%, rgba(255,255,255,.1) 50%, rgba(255,255,255,.2) 100%),    -moz-linear-gradient(left, rgb(53,126,247) 50%, rgb(247,247,247) 50%);
	background:      -o-linear-gradient(top, transparent 50%, rgba(255,255,255,.1) 50%, rgba(255,255,255,.2) 100%),      -o-linear-gradient(left, rgb(53,126,247) 50%, rgb(247,247,247) 50%);
	background:         linear-gradient(top, transparent 50%, rgba(255,255,255,.1) 50%, rgba(255,255,255,.2) 100%),         linear-gradient(left, rgb(53,126,247) 50%, rgb(247,247,247) 50%);
	-webkit-background-size:120% 100%;
	-moz-background-size:	120% 100%;
	-o-background-size:		120% 100%;
	background-size:		120% 100%;
	background-position: 0 0, -14px 0;
	background-repeat: no-repeat;
	-webkit-box-shadow:	inset 0 2px 4px rgba(0,0,0,.6), 0 0 0 1px rgba(0,0,0,.3);
	-moz-box-shadow:	inset 0 2px 4px rgba(0,0,0,.6), 0 0 0 1px rgba(0,0,0,.3);
	-o-box-shadow:		inset 0 2px 4px rgba(0,0,0,.6), 0 0 0 1px rgba(0,0,0,.3);
	box-shadow:			inset 0 2px 4px rgba(0,0,0,.6), 0 0 0 1px rgba(0,0,0,.3);
	-webkit-border-radius:	3px;
	-moz-border-radius:		3px;
	-o-border-radius:		3px;
	border-radius:			3px;
	-webkit-transition:	color 0.2s ease-in-out, background-position 0.2s ease-in-out;
	-moz-transition:	color 0.2s ease-in-out, background-position 0.2s ease-in-out;
	-o-transition:		color 0.2s ease-in-out, background-position 0.2s ease-in-out;
	transition:			color 0.2s ease-in-out, background-position 0.2s ease-in-out;
}
.iOS input[type="checkbox"]:checked+label:before {
	color: #fff;
	background-position: 0 0, 0 0;
}
.iOS input[type="checkbox"]:focus+label:before {
	-webkit-box-shadow:	inset 0 2px 4px rgba(0,0,0,.6), 0 0 0 4px rgba(0,0,0,.6);
	-moz-box-shadow:	inset 0 2px 4px rgba(0,0,0,.6), 0 0 0 4px rgba(0,0,0,.6);
	-o-box-shadow:		inset 0 2px 4px rgba(0,0,0,.6), 0 0 0 4px rgba(0,0,0,.6);
	box-shadow:			inset 0 2px 4px rgba(0,0,0,.6), 0 0 0 4px rgba(0,0,0,.6);
}
#foo:checked,
.iOS input[type="checkbox"]+label:after {
	content: '';
	position: absolute;
	right: 40px;
	bottom: 50%;
	margin-bottom: -10px;
	width: 30px;
	height: 20px;
	background-color: rgb(205,205,205);
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgb(205,205,205)), to(rgb(254,254,254)));
	background: -webkit-linear-gradient(top, rgb(205,205,205), rgb(254,254,254));
	background:    -moz-linear-gradient(top, rgb(205,205,205), rgb(254,254,254));
	background:      -o-linear-gradient(top, rgb(205,205,205), rgb(254,254,254));
	background:         linear-gradient(top, rgb(205,205,205), rgb(254,254,254));
	-webkit-box-shadow:	inset 0 1px 1px rgba(255,255,255,.7), 1px 0 2px rgba(0,0,0,.6), -1px 0 1px rgba(0,0,0,.6);
	-moz-box-shadow:	inset 0 1px 1px rgba(255,255,255,.7), 1px 0 2px rgba(0,0,0,.6), -1px 0 1px rgba(0,0,0,.6);
	-o-box-shadow:		inset 0 1px 1px rgba(255,255,255,.7), 1px 0 2px rgba(0,0,0,.6), -1px 0 1px rgba(0,0,0,.6);
	box-shadow:			inset 0 1px 1px rgba(255,255,255,.7), 1px 0 2px rgba(0,0,0,.6), -1px 0 1px rgba(0,0,0,.6);
	-webkit-border-radius:	3px;
	-moz-border-radius:		3px;
	-o-border-radius:		3px;
	border-radius:			3px;
	-webkit-transition:	right 0.2s ease-in-out;
	-moz-transition:	right 0.2s ease-in-out;
	-o-transition:		right 0.2s ease-in-out;
	transition:			right 0.2s ease-in-out;
}
.iOS input[type="checkbox"]:checked+label:after {
	right: 0;
	-webkit-box-shadow:	inset 0 1px 1px rgba(255,255,255,.7), 1px 0 1px rgba(0,0,0,.6), -1px 0 2px rgba(0,0,0,.6);
	-moz-box-shadow:	inset 0 1px 1px rgba(255,255,255,.7), 1px 0 1px rgba(0,0,0,.6), -1px 0 2px rgba(0,0,0,.6);
	-o-box-shadow:		inset 0 1px 1px rgba(255,255,255,.7), 1px 0 1px rgba(0,0,0,.6), -1px 0 2px rgba(0,0,0,.6);
	box-shadow:			inset 0 1px 1px rgba(255,255,255,.7), 1px 0 1px rgba(0,0,0,.6), -1px 0 2px rgba(0,0,0,.6);
}