*/ Style modifications for Teabreak Knitter site */

.cp_cff_tbk #fbuilder .uh{color:black;}

.cp_cff_tbk #fbuilder .fields.section_breaks{margin-top:20px; margin-bottom:20px;}

.cp_cff_tbk #fbuilder .fields.section_breaks .section_break{border: 0;}

.cp_cff_tbk #fbuilder .fields.section_breaks label{font-size:1.3em; font-weight:bold;}

.cp_cff_tbk #fbuilder .fields:not(.section_breaks){padding: 10px;margin-bottom:10px;background:#DDDDDD;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;}

.cp_cff_tbk #fbuilder .fields.sectionbreaks h1, h2, h3, h4, h5, h6 { color: #30701A !important;}

.cp_cff_tbk #fbuilder .fields.section_breaks label { color: #30701A !important;}

/* Use css .report_bold to set label to bold */
.cp_cff_tbk #fbuilder .result_bold {font-weight: bold;}

/* Set radio and checkbox buttons */


.cp_cff_tbk #fbuilder input[type=radio],
.cp_cff_tbk #fbuilder input[type=checkbox]{
    display: none;
}

.cp_cff_tbk #fbuilder .cff-checkbox-field:not(.cff-switch-container) .dfield label>span,
.cp_cff_tbk #fbuilder .cff-radiobutton-field:not(.cff-switch-container) .dfield label span{
    display: inline-block;
    padding-left:20px;
    height: 16px;
    background: url('checkbox.png') no-repeat 0 0;
}

.cp_cff_tbk #fbuilder .cff-radiobutton-field:not(.cff-switch-container) .dfield label span{
    background: url('radio.png') no-repeat 0 0;
}


.cp_cff_tbk #fbuilder .fields:not(.cff-switch-container) input[type="checkbox"]:checked+span{
    background: url('checkbox_checked.png') no-repeat 0 0;
}
.cp_cff_tbk #fbuilder .fields:not(.cff-switch-container) input[type="radio"]:checked+span{
    background: url('radio_checked.png') no-repeat 0 0;
}