#survey/*	CSS for customized radio buttons and check boxes */ /* page styles */
 { font-family: Arial, Helvetica, sans-serif; }
#survey fieldset { padding: 0 15px 18px 0px; border: 0; }
#survey legend { font-size: 13px; font-weight: bold; display: inline; padding: 2px 0px 4px; color: #02437D; }
#survey label { font-size: 11px; font-weight: normal; color: #669933; }
/*	wrapper divs */
.custom-checkbox, .custom-radio { position: relative; }
/* input, label positioning */
.custom-checkbox input, .custom-radio input { position: absolute; left: 2px; top: 3px; margin: 0; z-index: 0; }
.custom-checkbox label, .custom-radio label { display: block; position: relative; z-index: 1; font-size: 11px; line-height: 1; cursor: pointer; padding: 7px 5px 8px 25px; margin-top: 1px; }
/* states */
.custom-checkbox label { background: url(/img/survey/checkbox.gif) no-repeat; }
.custom-radio label { background: url(/img/survey/checkbox.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; }