/* 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; }

/*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; }