.bbf-form {
    margin: 0;
    padding: 0;
    border: none;
}


.bbf-field {
    margin: 1em 0;
    list-style-type: none;
    position: relative;
    clear: both;
}

    .bbf-field label {
        float: left;
        width: 25%;
    }
    
    .bbf-field .bbf-editor {
        margin-left: 25%;
        width: 74%;
    }
        
        .bbf-field input, .bbf-field textarea, .bbf-field select {
            width: 100%;
        }
    
    .bbf-field .bbf-help {
        margin-left: 25%;
        width: 74%;
        color: #999;
    }

    .bbf-field.bbf-error .bbf-editor {
        outline: 1px solid red;
    }



.bbf-date input, .bbf-datetime input {
    width: 100px;
    text-align: center;
}

    .bbf-datetime input {
        margin-right: 1em;
    }

    .bbf-datetime select {
        width: 50px;
        text-align: center;
    }
    
    

.bbf-list {
    list-style-type: none;
}
    
    .bbf-list ul {
        border: 1px solid #ccc;
        border-bottom: none;
        max-height: 150px;
        overflow: auto;
        margin: 0;
        padding: 0;
    }

    .bbf-list li {
        border-top: 1px solid #ccc;
        border-bottom: 1px solid #ccc;
        height: 16px;
        background: #fff;
        padding: 4px;
        margin: 0;
        list-style-type: none;
        margin-top: -1px;
        position: relative;
        
    }    
        .bbf-list-sortable li {
            cursor: move;
        }
        
        .bbf-list .bbf-list-actions {
            position: absolute;
            top: 2px;
            right: 2px;
        }
    
    
        .bbf-list .bbf-list-actions button {
            width: 19px;
            height: 19px;
            border-width: 0px;
        }
        
        .bbf-list-edit  {
            width: 19px;
            height: 19px;
            border-width: 0px;
            background-color: #0074CC;
            background-image: -moz-linear-gradient(center top , #0088CC, #0055CC);
            background-repeat: repeat-x;
            border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
            border-radius: 5px;
            padding-left:0px;
            padding-right:0px;
        }
        
        .bbf-list-del  {
            width: 19px;
            height: 19px;
            border-width: 0px;
            background-color: #DA4F49;
            background-image: -moz-linear-gradient(center top , #EE5F5B, #BD362F);
            background-repeat: repeat-x;
            border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
            border-radius: 5px;
            padding-left:0px;
            padding-right:0px;
        }
    
        .bbf-list .bbf-list-add {
            width: 100%;
            margin-top: 0px;
        }
        
    .bbf-list-editor {
        width: 98%;
    }


.bbf-radio {
    list-style-type: none;
}

    .bbf-radio input {
        width: auto;
    }

    .bbf-radio label {
        float: none;
    }



.bbf-checkboxes {
    list-style-type: none;
}

    .bbf-checkboxes input {
        width: auto;
    }

    .bbf-checkboxes label {
        float: none;
    }