/* page styles */

/*body { font-size:62.5%; }*/

fieldset {
    padding: 1em 15px;
}

legend {
    font-size: 1.4em;
    font-weight: bold;
    padding: .2em 5px;
}

/* Custom checkboxes, radios */

/*	wrapper divs */

.custom-checkbox,
.custom-radio {
    position: relative;
}

/* input, label positioning */

.custom-checkbox input,
.custom-radio input {
    position: absolute;
    left: 2px;
    top: 2px;
    margin: 0;
}

.custom-checkbox label,
.custom-radio label {
    display: block;
    position: relative;
    font-size: 1.3em;
    padding-right: 1em;
    line-height: 1;
    padding: .5em 0 .5em 30px;
    margin: 0 0 .3em;
    cursor: pointer;
}

/* states */

.custom-checkbox label {
    background: url(../images/checkbox.gif) no-repeat;
}

.custom-radio label {
    background: url(../images/radiobutton.gif) no-repeat;
}

.custom-checkbox label,
.custom-radio label {
    background-position: -10px -14px;
}

.custom-checkbox label.hover,
.custom-checkbox label.focus,
.custom-radio label.hover,
.custom-radio label.focus {
    background-position: -10px -114px;
}

.custom-checkbox label.checked,
.custom-radio label.checked {
    background-position: -10px -214px;
}

.custom-checkbox label.checkedHover,
.custom-checkbox label.checkedFocus {
    background-position: -10px -314px;
}

.custom-checkbox label.focus,
.custom-radio label.focus {
    outline: 1px dotted #ccc;
}

.custom-checkbox label.disabled,
.custom-radio label.disabled {
    cursor: auto;
    color: #B1B1B1;
}

/*toggle button examples*/

#view {
    width: 100px;
    display: block;
}

#view .custom-checkbox,
#view .custom-radio {
    width: 50%;
    float: left;
}

#show {
    width: 250px;
    display: block;
    clear: left;
}

#show .custom-checkbox,
#show .custom-radio {
    width: 33%;
    float: left;
}

.toggle label {
    border-collapse: collapse;
}

.toggle .custom-checkbox label,
.toggle .custom-radio label {
    padding: .4em 1em;
    border: 1px solid #aaa;
    background-color: #eee;
    text-align: center;
    cursor: pointer;
    font-size: 1.2em;
    width: auto;
    overflow: visible;
    background: #459e00 url(../images/button-green.gif) no-repeat left center;
    color: #fff;
    border-color: #2d7406;
    text-shadow: -1px -1px 0 #37730e;
}

.toggle .custom-checkbox label.hover,
.toggle .custom-checkbox label.focus,
.toggle .custom-radio label.hover,
.toggle .custom-radio label.focus {
    background-position: right center;
    border-color: #205b00;
}

.toggle .custom-checkbox label.checked,
.toggle .custom-radio label.checked,
.toggle .custom-checkbox label.checkedHover,
.toggle .custom-checkbox label.checkedFocus {
    background: #2d7406;
    border-color: #2d7406;
}

.toggle .first label {
    -moz-border-radius-bottomleft: 7px;
    -webkit-border-bottom-left-radius: 7px;
    border-bottom-left-radius: 7px;
    -moz-border-radius-topleft: 7px;
    -webkit-border-top-left-radius: 7px;
    border-top-left-radius: 7px;
}

.toggle .last label {
    -moz-border-radius-bottomright: 7px;
    -webkit-border-bottom-right-radius: 7px;
    border-bottom-right-radius: 7px;
    -moz-border-radius-topright: 7px;
    -webkit-border-top-right-radius: 7px;
    border-top-right-radius: 7px;
}