.switch
{
    display: block;
    float: left;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
    font-weight: bold;
    text-transform: uppercase;
    background: #eee;
    border: 1px solid #aaa;
    padding: 2px 0;
    box-shadow: inset 0 2px 5px rgba(0,0,0,0.2);
}

.switch input[type=radio]
{
    display: none;
}

.switch.disabled label.checked {
  background-color: #AAAAAA;
}

.switch label
{
    display: block;
    float: left;
    padding: 3px 6px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    color: #aaa;
    cursor: pointer;
    margin: 0 !important;
    font-weight: bold;
    font-size: 12px !important;
}

.switch label:hover
{
    text-shadow: 0 0 2px #fff;
    color: #888;
}


.switch label.checked
{
    background: #0077ff;
    color: #eee;
    text-shadow: 0 -1px 1px rgba(0,0,0,0.5);
    background: #59aec1;
    cursor: pointer;
}


.switch2 label2.checked2
{
    background: #0077ff;
    color: #eee;
    text-shadow: 0 -1px 1px rgba(0,0,0,0.5);
    background: -ms-linear-gradient(top, #89CEDE 0%, #2E91A8 100%); /*IE 10*/
    background: -webkit-gradient(linear, 0 0, 0 100%, from(#89CEDE), to(#2E91A8));
    background: -moz-linear-gradient(top, #89CEDE, #2E91A8);
/*    -ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorStr=#89CEDE, endColorStr=#2E91A8);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorStr=#89CEDE, endColorStr=#2E91A8); */
    *background: #59aec1;
    cursor: default;
}