/* 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; /*visibility: hidden; */}
.custom-checkbox label,.custom-radio label { display:block; position:relative; 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{ background-position:-10px -14px; }
.custom-radio label { background-position:-10px -14px; }
.custom-checkbox label.hover,.custom-checkbox label.focus { background-position:-10px -114px; }
.custom-radio label.hover,.custom-radio label.focus { background-position:-10px -114px; }
.custom-checkbox label.checked{ background-position:-10px -214px; }
.custom-radio label.checked { background-position:-10px -214px; }
.custom-checkbox label.checkedHover { background-position:-10px -314px; }
.custom-checkbox label.checkedFocus { background-position:-10px -314px; }
.custom-checkbox label.focus,.custom-radio label.focus { outline:none !important; }

/*toggle button examples*/
#view { width:160px; display: block; }
#view .custom-checkbox,#view .custom-radio { width:50%; float:left; }
#show { width:370px; 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; }