/* Toggle Checkboxes by Schoberg.net */

div.tog{
	height:20px;
	width:50px;
	position:relative;
	cursor:pointer;
	font-size:12px;
	line-height:12px;
	font-weight: bold;
	background:#AAAAAA;
	-webkit-transition: all .2s ease;
	-moz-transition: all .2s ease;
	-o-transition: all .2s ease;
	transition: all .2s ease;
}

div.tog:after{
	content:'';
	height:10px;
	width:15px;
	background:#FFFFFF;
	position:absolute;
	top:5px;
	left:4px;
	-webkit-transition: all .2s ease;
	-moz-transition: all .2s ease;
	-o-transition: all .2s ease;
	transition: all .2s ease;
}

div.tog:before{
	content:'OFF';	
	position:absolute;
	right:4px;
	top:3px;
	color:#FFFFFF
}
div.tog:hover:after{
	left:7px;
}
div.tog.on:before{
	content:'ON';
	right:25px;
}
div.tog.on{
	background:#00CC00;
}
div.tog.on:after{
	left:30px;
}
div.tog.on:hover:after{
	left:27px;
}