/**
 * onoff.css
 * Author: http://proto.io/freebies/onoff/
 * Author: Timmy Willison
 */
.onoffswitch {
	position: relative;
	width: 78px;
	height:40px;
	margin:3px 5px 3px 0px;
	display:inline-block;
	vertical-align:middle;
	
	-webkit-tap-highlight-color:rgba(0,0,0,0);
	-webkit-tap-highlight-color:transparent;
	/*-webkit-touch-callout: none;*/
	outline:none;
	
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-o-user-select: none;
	user-select: none;
}
.onoffswitch.disabled, .onoffswitch.disabled label { cursor: not-allowed !important; }
.onoffswitch.disabled {
	 opacity:0.7; -khtml-opacity:0.7; -moz-opacity:0.7; filter: alpha(opacity=70);
}

.onoffswitch-checkbox {
  display: none;
}

.onoffswitch-label {
  display: block;
  overflow: hidden;
  cursor: pointer;
	border:1px solid #C1C1C1;
	margin: 0px;
	height:40px;
	line-height: 40px;
	
  -webkit-border-radius:25px; border-radius:25px; -moz-border-radius:25px;
}
.onoffswitch-label:hover {
	border:1px solid #999;
}

.onoffswitch-inner {
  width: 200%;
  margin-left: -100%;
	-webkit-transition:150ms ease-in-out; -moz-transition:150ms ease-in-out; -o-transition:150ms ease-in-out; -ms-transition:150ms ease-in-out; transition:150ms ease-in-out;
}

.onoffswitch-inner:before, .onoffswitch-inner:after {
  float: left;
  padding: 0;
  padding-top:5px;
  width: 50%;
  height: 40px;
  color:#FFFFFF; text-shadow:0 1px 1px rgba(0, 0, 0, 0.5);
  font: bold 14px/26px Arial, sans-serif;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.onoffswitch-inner:before {
	content: "On";
	padding-left: 10px;
	color:#FFF; text-shadow:0 1px 1px rgba(0, 0, 0, 0.3);
	background: #6aa436;
	background: -webkit-gradient(linear, left top, left bottom, from(#8dc059), to(#6aa436));
	background: -webkit-linear-gradient(top, #8dc059, #6aa436);
	background: -moz-linear-gradient(top, #8dc059, #6aa436);
	background: -ms-linear-gradient(top, #8dc059, #6aa436);
	background: -o-linear-gradient(top, #8dc059, #6aa436);
	background-image: -ms-linear-gradient(top, #8dc059 0%, #6aa436 100%);
}

.onoffswitch-inner:after {
	content: "Off";
	padding-right: 10px;
    color:#B1B1B1; text-shadow:0 1px 0px #fff;
	background-color:#E1E1E1;
	text-align: right;
}

.onoffswitch-switch {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 38px;
  width: 32px;
  height: 32px;
  margin: 2px;
  background: #ccc url('iphone_switch.png') no-repeat center center;
  border: 1px solid #999999;
  -webkit-border-radius:25px; border-radius:25px; -moz-border-radius:25px;
	-webkit-transition:150ms ease-in-out; -moz-transition:150ms ease-in-out; -o-transition:150ms ease-in-out; -ms-transition:150ms ease-in-out; transition:150ms ease-in-out;
}

.onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-inner {
  margin-left: 0;
}

.onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-switch {
  right: 0;
}