.ibutton-container {
	position: relative;
	height: 27px;
	cursor: pointer;
	overflow: hidden;
	/* set max width to that of sprite */
	max-width: 400px;
	/* set default width based on ON/OFF labels */
	width: 89px;
	border-radius: 3px;
	}
	.ibutton-container input {
		position: absolute;
		top: 0;
		left: 0;
		/* hide the element */
		filter:alpha(opacity=0);
		-moz-opacity: 0.0;
		opacity: 0.0;
		/* allow checking of input if visible */
		-moz-user-input: enabled  !important;
		}
	.ibutton-handle {
		display: block;
		height: 27px;
		cursor: inherit;
		position: absolute;
		top: 0;
		left: 0;
		width: 0;
		z-index: 3;
		padding-left: 3px;
		/* set default width based on ON/OFF labels */
		width: 33px;
		}
		.ibutton-handle-right {
			margin: 0 0 0 -3px;
			width: 37px;
			height: 25px;
			box-shadow: inset rgba(0,0,0,.4) 0 0 1px;
			border-radius: 3px;
			border:1px solid #999;
			background: #E8E9EC;
			background: -webkit-gradient(linear, 0 0, 0 bottom, from(#E8E9EC), to(#fbfbfb));
			background: -webkit-linear-gradient(#E8E9EC, #fbfbfb);
			background: linear-gradient(#E8E9EC, #fbfbfb);
			z-index: 3;
			}
	div.ibutton-label-on,
	div.ibutton-label-off {
		white-space: nowrap;
		font-size: 17px;
		line-height: 17px;
		font-weight: bold;
		font-family: Helvetica Neue, Arial, Helvetica, sans-serif;
		text-transform: uppercase;
		cursor: inherit;
		display: block;
		height: 22px;
		position: absolute;
		width: auto;
		top: 0;
		padding-top: 5px;
		overflow: hidden;
		box-shadow: inset 0 1px 2px 1px rgba(0,0,0,.3);
		background: #e8e9ea;
		background: -webkit-gradient(linear, 0 0, 0 bottom, from(#e8e9ea), to(#fefefe));
		background: -webkit-linear-gradient(#e8e9ea, #fefefe);
		background: linear-gradient(#e8e9ea, #fefefe);
		}
	div.ibutton-label-on {
		color: #fff;
		text-shadow: 0 -1px 2px rgba(0, 0, 0, 0.4);
		left: 0;
		padding-top: 5px;
		z-index: 1;
		background: #c1dc98;
		background: -webkit-gradient(linear, 0 0, 0 bottom, from(#c1dc98), to(#d0eda3));
		background: -webkit-linear-gradient(#c1dc98, #d0eda3);
		background: linear-gradient(#c1dc98, #d0eda3);

		}
		div.ibutton-label-on span {
			padding-left: 5px;
			}
	div.ibutton-label-off {
		color: #7c7c7c;
		background-position: 100% 0;
		text-shadow: 0 -1px 2px rgba(153, 153, 153, 0.4);
		text-align: right;
		right: 0;
		/* the off label needs to near the left edge (ideally just 5px away)
		* it just needs to be close enough that it won't show under the handle if dragged to the left
		*/
		width: 95%;
		}
		div.ibutton-label-off span {
			padding-right: 5px;
			}
	/* create an outline when button gets focus via keyboard */
	.ibutton-container label {
		cursor: inherit;
		padding: 1px 3px;
		font-size: 1em !important;
		}
		.ibutton-focus label {
			/* we must use border, since outline doesn't work in IE */
			border: 1px dotted #666 !important;
			padding: 0 2px;
			}
	.ibutton-focus div.ibutton-label-on span label {
		/* use white for more contrast */
		border-color: #fff !important;
		}
	/* add padding to right/left so that text gets clipped before absolute edge */
	.ibutton-padding-left, .ibutton-padding-right {
		display: none;
		}
.ibutton-padding-left {
	left: 0; 
}

.ibutton-padding-right {
	right: 0; 
	background-position: 100% -4px;
}