.ui-togglewrapper {
	position:relative;
	width:35px;
	height:20px;
	overflow:hidden;
	background-color:transparent;
    cursor:pointer;
	display:inline-block;
	vertical-align:middle;
}
.ui-toggleswitch {
	margin:2px;
	display:block;
	height:16px;
	overflow:hidden;
	border-radius:8px;
	-moz-border-radius:8px;
	-webkit-border-radius:8px;
	-o-border-radius:8px;
	-ms-border-radius:8px;
}
.ui-toggleswitch > span {
	display:block;
	font-size:12px;
	margin:2px 8px;
	line-height:12px;
	text-transform:uppercase;
	font-weight:600;
}
.ui-toggleswitch > span.texton {
	float:left;
	text-shadow: 1px 1px 1px rgba(0,0,0,0.4);
}
.ui-toggleswitch > span.textoff {
	float:right;
	text-shadow: 1px 1px 1px rgba(0,0,0,0.4);
}
.ui-togglewrapper div.ui-toggleswitch-on {
    display:block;
    position:absolute;
    top:0;
    left:15px;
    width:20px;
    height:20px;
    background-image:url('ui-toggleswitch-sprite.png');
	background-position: 0 0;
}
.ui-togglewrapper div.ui-toggleswitch-off {
    left:0;
}
.ui-togglewrapper input[type='checkbox'] {
    display:none;
}