/*	CSS for customized radio buttons and check boxes */
.custom-checkbox, .custom-radio { position: relative; margin:0 0 10px 0; }
.custom-radio input {position: absolute; left: 0px; top: 0px; margin: 0; z-index: 0; float:left; }
.custom-radio label {display: block; position: relative; z-index: 1; padding-right: 1em; line-height: 1; cursor: pointer; }
.custom-radio label { float:left;background:url(../images/radio_button.png)no-repeat;width:18px; height:19px;  padding: 0 0 0 20px;font-family: 'Open Sans', sans-serif;font-size:14px; color:#434343; margin: 0 59px 0 0; }
.custom-radio label.checked {background:url(../images/radio_button_hover.png) no-repeat;width:18px; height:19px;}

.custom-checkbox label { float:left;background:url(../images/check_box.png) no-repeat;width:19px; height:19px;  padding: 0 0 0 20px; color:#9a9a9a; font-size:15px;  font-family:"Arial", Helvetica, sans-serif; margin:0 0 0 7px; }
.custom-checkbox label.checked{background:url(../images/check_box_hover.png) no-repeat;width:19px; height:19px;}


.custom-checkbox input  {position: absolute; left: 10px; top: 2px; margin: 0; z-index: 0; float:left; }
.custom-checkbox label  { display:inline-block; position: relative; z-index: 1; padding-right: 1em; line-height: 1; cursor: pointer; }