.row-based > ul li,
ul.row-based li {
    display: inline-block;
    overflow: auto;
    zoom: 1;
    *display: inline;
}

ul.row-based > li {
    display: block;
}




ul.column-based li {
    display: block;
    overflow: auto;
}

ul.column-based > li {
    float: left;
}




ul.single-column li {
    display: block;
    overflow: auto;
}

ul.single-column > li {
    float: left;
    width: 100%;
}




ol li {
    color: #202020;
    margin: 10px 20px;
}

ol > li {
    color: #202020;
    margin: 10px 20px;
}




.info-grid > ul > li:first-child {
    min-width: 110px;
}

.info-grid > ul > li {
    vertical-align: middle;
    margin: 1px 2px;
    min-height: 16px;
}

    .info-grid > ul > li div {
        width: 220px;
    }

    .info-grid > ul > li:not(:first-child) {
        min-width: 220px;
    }

.info-grid .check-box {
    margin-top: 3px;
    min-width: 16px;
}

.info-grid > ul li {
    display: inline-block;
    zoom: 1;
    *display: inline;
}




.default-grid > ul > li:first-child {
    min-width: 160px;
}

.default-grid > ul > li {
    vertical-align: middle;
    margin: 2px 0px;
    min-height: 20px;
}

    .default-grid > ul > li textarea {
        min-height: 40px;
    }

    .default-grid > ul > li input,
    .default-grid > ul > li textarea {
        padding: 3px;
        min-width: 300px;
    }

    .default-grid > ul > li div {
        min-width: 300px;
    }

        .default-grid > ul > li div.lookup-container {
            min-width: 312px;
        }

        .default-grid > ul > li div.multiselect-container {
            min-width: 306px !important;
        }

    .default-grid > ul > li:not(:first-child) {
        min-width: 300px;
    }

    .default-grid > ul > li > select {
        min-width: 308px;
        max-width: 308px;
        padding: 3px;
    }

.default-grid .check-box {
    margin-top: 3px;
    min-width: 16px;
}

.default-grid > ul li {
    display: inline-block;
    zoom: 1;
    *display: inline;
}




.wide-grid > ul > li:first-child {
    min-width: 250px;
}

.wide-grid > ul > li {
    vertical-align: middle;
    margin: 2px 0px;
    min-height: 20px;
}

.default-grid > ul > li textarea {
    min-height: 40px;
}

.wide-grid > ul > li input,
.wide-grid > ul > li textarea {
    padding: 3px;
    min-width: 400px;
}

.wide-grid > ul > li div {
    width: 400px;
}

.wide-grid > ul > li:not(:first-child) {
    min-width: 400px;
}

.wide-grid .check-box {
    margin-top: 3px;
    min-width: 16px;
}

.wide-grid > ul li {
    display: inline-block;
    zoom: 1;
    *display: inline;
}




.sidebar > ul > li:first-child {
    min-width: 80px;
    color: #202020;
    font-weight: bold;
}

.sidebar > ul > li {
    margin: 1px 2px;
}






.compact-grid > ul > li:first-child {
    min-width: 80px;
}

.compact-grid > ul > li {
    vertical-align: middle;
    margin: 1px 2px;
    min-height: 16px;
}

    .compact-grid > ul > li textarea {
        min-height: 20px;
    }

    .compact-grid > ul > li input,
    .compact-grid > ul > li textarea {
        padding: 3px;
        min-width: 200px;
    }

    .compact-grid > ul > li div {
        width: 200px;
    }

    .compact-grid > ul > li:not(:first-child) {
        min-width: 200px;
    }

.compact-grid .check-box {
    margin-top: 3px;
    min-width: 16px;
}

.compact-grid > ul li {
    display: inline-block;
    zoom: 1;
    *display: inline;
}






.controls-grid > ul > li:first-child {
    min-width: 120px;
}

.controls-grid > ul > li {
    vertical-align: middle;
    margin: 1px 2px;
    min-height: 16px;
}

    .controls-grid > ul > li textarea {
        min-height: 20px;
    }

    .controls-grid > ul > li input,
    .controls-grid > ul > li textarea {
        padding: 3px;
        min-width: 400px;
    }

    .controls-grid > ul > li div {
        width: 400px;
    }

    .controls-grid > ul > li:not(:first-child) {
        min-width: 400px;
    }

.controls-grid .check-box {
    margin-top: 3px;
    min-width: 16px;
}

.controls-grid > ul li {
    display: inline-block;
    zoom: 1;
    *display: inline;
}








.responsive-grid {
    width: 500px;
}

    .responsive-grid > ul {
        float: left;
    }

        .responsive-grid > ul:first-child {
            margin-top: 20px;
        }

        .responsive-grid > ul:last-child {
            margin-bottom: 20px;
        }

        .responsive-grid > ul li {
            float: left;
            display: block;
            padding: 2px;
        }

        .responsive-grid > ul > li input,
        .responsive-grid > ul > li textarea {
            box-sizing: border-box;
            width: 300px;
        }

        .responsive-grid > ul > li:first-child {
            margin-top: 5px;
            width: 100px;
        }