CSS for Gravity Forms Post 70962

/* http://www.gravityhelp.com/forums/topic/changing-the-background-colour-of-a-form#post-71011 */
/* change ALL instances of 140 here to your actual form ID and check field numbers as well */
/* Chris Hajer 21 August 2012 */
/* hide label and also "required" asterisk for MPAN fields */
body div#gform_wrapper_140 label[for="input_140_28"],
body div#gform_wrapper_140 label[for="input_140_29"],
body div#gform_wrapper_140 label[for="input_140_30"],
body div#gform_wrapper_140 label[for="input_140_31"],
body div#gform_wrapper_140 label[for="input_140_32"],
body div#gform_wrapper_140 label[for="input_140_33"],
body div#gform_wrapper_140 label[for="input_140_34"] {
        display:none;
}
/* add consistent height and a black border to the 7 MPAN fields */
body div#gform_wrapper_140 input#input_140_28,
body div#gform_wrapper_140 input#input_140_29,
body div#gform_wrapper_140 input#input_140_30,
body div#gform_wrapper_140 input#input_140_31,
body div#gform_wrapper_140 input#input_140_32,
body div#gform_wrapper_140 input#input_140_33,
body div#gform_wrapper_140 input#input_140_34 {
        padding: 0px;
        margin: 0px;
        height: 25px;
        border: 1px solid #000000;
        background-color: #FFFF99;
        color: #000000;
}
/* remove 14px right margin from the gf_inline CSS Ready Class */
body div#gform_wrapper_140 li#field_140_28,
body div#gform_wrapper_140 li#field_140_29,
body div#gform_wrapper_140 li#field_140_30,
body div#gform_wrapper_140 li#field_140_31,
body div#gform_wrapper_140 li#field_140_32,
body div#gform_wrapper_140 li#field_140_33,
body div#gform_wrapper_140 li#field_140_34 {
        margin-right: 0px;
}
/* set the width and borders for all 7 inputs */
body div#gform_wrapper_140 input#input_140_28 {
        width: 41px!important;
        border-right: none;
        border-bottom: none;
        border-left: none;
}
body div#gform_wrapper_140 input#input_140_29 {
        width: 48px!important;
        border-right: none;
        border-bottom: none;
}
body div#gform_wrapper_140 input#input_140_30 {
        width: 48px!important;
        border-bottom: none;
}
body div#gform_wrapper_140 input#input_140_31 {
        width: 24px!important;
        border-right: none;
        border-left: none;
}
body div#gform_wrapper_140 input#input_140_32 {
        width: 39px!important;
        border-right: none;
}
body div#gform_wrapper_140 input#input_140_33 {
        width: 39px!important;
        border-right: none;
}
body div#gform_wrapper_140 input#input_140_34 {
        width: 34px!important;
}
/* remove top margin on HTML fields */
body div#gform_wrapper_140 li#field_140_36,
body div#gform_wrapper_140 li#field_140_37,
body div#gform_wrapper_140 li#field_140_38 {
        margin-top: 0px;
}
/* make sure the images don't inherit any padding or margin */
body div#gform_wrapper_140 li#field_140_37 span,
body div#gform_wrapper_140 li#field_140_38 span {
        margin: 0;
        padding: 0;
}
/* break 7 MPAN fields into two lines after the 3rd item in the top line */
span.clear, .clear {
        display: block;
        clear: both;
        width: 1px;
        height: .001%;
        font-size: 0px;
        line-height: 0px;
}