/*	CSS for customized radio buttons and check boxes */
.custom-radio { position: relative; margin:0;  width:120px; float:left;}
.custom-radio input {position: absolute; right:36px; top:12px; margin: 0; z-index: 0; float:right; opacity:0 !important;  }

.custom-radio label {display: block; position: relative; z-index: 1; padding-right: 1em; line-height: 1; cursor: pointer; width:50px; display:inline-block; }

.custom-radio label { background:url(../images/radio-bt-img.png) no-repeat right 3px; width:26px; height:30px;  font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif; font-size:15px; color:#3a3a3c; font-weight:normal; padding:8px 60px 0 20px;}
.custom-radio label.checked {background:url(../images/radio-bt-img.png) no-repeat right -30px;}

.custom-checkbox label { background:url(../images/check_box_1.png) no-repeat center center; font-family: 'Open Sans', sans-serif;font-size:14px; color:#4d4d4d;}
.custom-checkbox label.checked{ background:url(../images/check_box.png) no-repeat;}


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

.custom-checkbox { position: relative; }