/*
 * Common elements and classes
*/

label.required {
    font-weight: bold;
}

.buttonsbar {
    text-align: right;
}

/*
 * lineform - This type of form goes from up to bottom
 * The recommended use for fields is:
 * <p><label>caption<input /></label></p>
 *
 * The recommended use for radio or checkboxes is:
 * <div class="p">
 *     <div class="blockbox"><input /> <label>caption</label></div>
 * </div>
 */

.lineform p {
    clear: both;
}

.lineform p label,
.lineform p input,
.lineform p select,
.lineform p textarea,
.lineform > .static {
    display: block;
    width: 100%;
}

.lineform p input,
.lineform p select,
.lineform p textarea,
.lineform > .static {
    padding: 0.2em 0.4em;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
}
.lineform > .static {
    background: background;
    border: 2px ridge background;
    border-radius: 3px;
}
.lineform .blockbox {
    clear: both;
}
.lineform .blockbox input {
    display: block;
    float: left;
    width: auto;
}
.lineform .blockbox .blockbox-label {
    display: block;
    margin-left: 2em;
    width: auto;
}
.lineform p:last-child {
    margin-bottom: 0;
}

.lineform .buttonsbar {
    text-align: center;
}




table.tableform {
    width: 100%;
}

table.tableform tr.field {
}

table.tableform tr.field th {
}

table.tableform tr.field th label {
    display: block;
    margin: 0.25em 0.5em;
    text-align: right;
}

table.tableform tr.field input.full {
    width: 100%;
}