div.tog{margin-top:6px;display:block;height:20px;width:65px;position:relative;cursor:pointer;font:16px/16px arial;background:#ccc;-webkit-transition:all .2s ease;-moz-transition:all .2s ease;-o-transition:all .2s ease;transition:all .2s ease}div.tog:after{content:'';display:block;height:15px;width:20px;background:#fff;position:absolute;top:2px;left:2px;-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:5px;top:3px;color:#fff}div.tog:hover:after{left:5px}div.tog.on:before{content:'ON';right:35px}div.tog.on{background:#0c0}div.tog.on:after{left:40px}div.tog.on:hover:after{left:35px}div.tog.textNo:before{content:'No'}div.tog.on.textYes:before{content:'Yes'}div.togDisabled{display:block;height:20px;width:65px;position:relative;font:16px/16px arial;background:#ccc;-webkit-transition:all .2s ease;-moz-transition:all .2s ease;-o-transition:all .2s ease;transition:all .2s ease}div.togDisabled:after{content:'';display:block;height:15px;width:20px;position:absolute;top:2px;left:2px;-webkit-transition:all .2s ease;-moz-transition:all .2s ease;-o-transition:all .2s ease;transition:all .2s ease}div.togDisabled:before{content:'OFF';position:absolute;right:5px;top:3px;color:#fff}div.togDisabled.on:before{content:'ON';right:35px}div.togDisabled.on{background:#0c0}div.togDisabled.on:after{left:40px}div.togDisabled.textNo:before{content:'No'}div.togDisabled.on.textYes:before{content:'Yes'}