Basic on/off button – Simple

a{text-decoration:none;}
body{text-align:center;background-color:#E0E1DF;font-size:20px;color:#5a5a5a;font-weight:normal;font-family:arial;width:99%;}

p{display:block;width:400px;margin:0 auto;text-align:left;}

/* from main */

#holder{
position: relative;
display:table;
width:160px;
height:26px;
line-height: 26px;
border-radius: 5px;
margin:50px auto;
cursor:pointer;
overflow: hidden;
}

#on,
#off{
display:table-cell;
font-size: 20px;
font-weight: bold;
}

.unclicked{
color: #000;
background:white;
}
.clicked{
color: #fff;
background: #8BC53F;
}