/* 
Title:      Toggle Switch
Author:     @jamiebicknell
URL:        http://github.com/jamiebicknell/Toggle-Switch
*/

.switch {
    position:relative;
    width:45px;
    height:16px;
    overflow:hidden;
    cursor:pointer;
}
.switch .overlay {
    position:absolute;
    top:0;
    left:0;
    width:45px;
    height:16px;
    background:url('../images/overlay.png') no-repeat 0 0;
    z-index:9;
}
.switch span.switched {
    display:block;
    position:absolute;
    top:0;
    left:0;
    width:73px;
    height:16px;
    background:#d9d9d9 url('../images/toggle-switch.jpg') no-repeat 0 0;
    z-index:8;
}
.switch span.off {
    left:-28.5px;
}
.switch input {
    display:none;
}
@media only screen and (-webkit-min-device-pixel-ratio: 2) {
    .switch .overlay {
        background:url('../images/overlay@2x.png') no-repeat 0 0;
        background-size:45px 16px;
    }
    .switch span.switched {
        background:url('../images/toggle-switch@2x.jpg') no-repeat 0 0;
        background-size:73px 16px;
    }
}