Removed accent border when unchecked

When unchecked there was always a little bit of the accent border visible, when the element was unchecked, so I added a margin when the element is unchecked.

Old:
![SwitchButtonBorder](https://f.cloud.github.com/assets/3532342/338038/6124f536-9cff-11e2-89d8-ca44643e9275.png)
New:
![SwitchButtonWithoutBorder](https://f.cloud.github.com/assets/3532342/338039/6706cf60-9cff-11e2-8d21-4f0af26bd670.png)


Also I made the disabled state, better to tell apart from enabled state.

New:
![SwitchButtonDisabled](https://f.cloud.github.com/assets/3532342/338041/787b3b50-9cff-11e2-9e7d-53b89acba78e.png)
![SwitchButtonDisabledChecked](https://f.cloud.github.com/assets/3532342/338042/78f499a0-9cff-11e2-82b2-6d9d90e6fe28.png)