.onoff{
	position: relative;
	font-family: arial; font-size: 10px;
	width:100%; height: 16px;
	border: 1px solid #9E9E9E;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	-khtml-border-radius: 4px;
	border-radius: 4px;
	-webkit-box-shadow: 0px 0px 5px 0px #BEBEBE;;
	-moz-box-shadow: 0px 0px 5px 0px #BEBEBE;;
	box-shadow: 0px 0px 5px 0px #BEBEBE;
	cursor: pointer;
}
.onoff .on , .onoff .off{
	position: absolute;
	display: table-cell;
	width:50%; height: 18px;
	line-height: 18px;
	text-align: center; vertical-align: middle;
	border: 1px solid #808080;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	background: #fffffe;
	background: -moz-linear-gradient(top,  #fffffe 0%, #efefef 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fffffe), color-stop(100%,#efefef));
	background: -webkit-linear-gradient(top,  #fffffe 0%,#efefef 100%);
	background: -o-linear-gradient(top,  #fffffe 0%,#efefef 100%);
	background: -ms-linear-gradient(top,  #fffffe 0%,#efefef 100%);
	background: linear-gradient(to bottom,  #fffffe 0%,#efefef 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fffffe', endColorstr='#efefef',GradientType=0 );
}
.onoff .on::after , .onoff .off::after{
	content: '';
	position: absolute;
	top:-1px ; left: 0;
	width: 100%; height:100%;
	background: url('dragger.gif') no-repeat center center;
}
.onoff .on.selected , .onoff .off.selected{
	height:16px; line-height:16px;
	border: none;
	color: #ffffff;
	text-shadow: 1px 1px 0px #acacac;
}.onoff .on.selected::after , .onoff .off.selected::after{
	display: none;
}
.onoff .on{
	top: -2px; left: -2px;
}
.onoff .on span{visibility:hidden;}
.onoff .on.selected{
	top: 0; left: 0;
	background: #b3cd75;
	background: -moz-linear-gradient(top,  #b3cd75 0%, #98ae72 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#b3cd75), color-stop(100%,#98ae72));
	background: -webkit-linear-gradient(top,  #b3cd75 0%,#98ae72 100%);
	background: -o-linear-gradient(top,  #b3cd75 0%,#98ae72 100%);
	background: -ms-linear-gradient(top,  #b3cd75 0%,#98ae72 100%);
	background: linear-gradient(to bottom,  #b3cd75 0%,#98ae72 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b3cd75', endColorstr='#98ae72',GradientType=0 );
	-webkit-border-top-left-radius: 3px;
	-webkit-border-bottom-left-radius: 3px;
	-moz-border-radius-topleft: 3px;
	-moz-border-radius-bottomleft: 3px;
	border-top-left-radius: 3px;
	border-bottom-left-radius: 3px;
	-webkit-border-top-right-radius: 0px;
	-webkit-border-bottom-right-radius: 0px;
	-moz-border-radius-topright: 0px;
	-moz-border-radius-bottomright: 0px;
	border-top-right-radius: 0px;
	border-bottom-right-radius: 0px;
}
.onoff .on.selected span{visibility:visible;}
.onoff .off{
	top: -2px; right: -2px;
	color: #797979;
	text-shadow: 1px 1px 0px #ffffff;
}
.onoff .off span{visibility:hidden;}
.onoff .off.selected{
	top: 0; right: 0;
	background: #919191;
	background: -moz-linear-gradient(top,  #b1b1b1 1%, #919191 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#b1b1b1), color-stop(100%,#919191));
	background: -webkit-linear-gradient(top,  #b1b1b1 1%,#919191 100%);
	background: -o-linear-gradient(top,  #b1b1b1 1%,#919191 100%);
	background: -ms-linear-gradient(top,  #b1b1b1 1%,#919191 100%);
	background: linear-gradient(to bottom,  #b1b1b1 1%,#919191 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b1b1b1', endColorstr='#919191',GradientType=0 );
	-webkit-border-top-right-radius: 3px;
	-webkit-border-bottom-right-radius: 3px;
	-moz-border-radius-topright: 3px;
	-moz-border-radius-bottomright: 3px;
	border-top-right-radius: 3px;
	border-bottom-right-radius: 3px;
	-webkit-border-top-left-radius: 0px;
	-webkit-border-bottom-left-radius: 0px;
	-moz-border-radius-topleft: 0px;
	-moz-border-radius-bottomleft: 0px;
	border-top-left-radius: 0px;
	border-bottom-left-radius: 0px;
}
.onoff .off.selected span{visibility:visible;}