﻿table.tblList {
    border-collapse:collapse;
}

table.tblList tr {
        height:60px;
    }

    table.tblList th {
        background-color:#f6f6f6;
        border-top:solid 1px #d0d0d0;
        border-bottom:solid 1px #d0d0d0;
        padding-top:14px;
        padding-bottom:14px;
        color:#464646;
        font-weight:bold;
        font-size:1.2em;
    }

    table.tblList td {
        background-color:white;
        border-bottom:solid 1px #d0d0d0;
        padding:14px 10px;
        text-align:center;
        color:#8b8b8b;
    }

    table.tblList td a{
        color:#8b8b8b;
    }

table.tblRead {
    border-collapse:collapse;
}


    table.tblRead th {
        background-color:#eef4f4;
        border:solid 1px #cacaca;
        padding-top:14px;
        padding-bottom:14px;
        color:#10acb4;
        font-weight:normal;
    }

    table.tblRead td {
        background-color:white;
        border:solid 1px #cacaca;
        padding:14px 10px;
        color:#646464;
    }


table.tblInfo {
    border-collapse:collapse;
}


    table.tblInfo th {
        background-color:#f6f6f6;
        border:solid 1px #d3d3d3;
        padding-top:10px;
        padding-bottom:10px;
        color:#2e2e2e;
        font-weight:bold;
    }

    table.tblInfo td {
        background-color:white;
        border:solid 1px #d3d3d3;
        padding:10px;
        color:#8c8c8c;
    }

    ul.tblDivForm {
    border-top:solid 1px #d0d0d0;
}

    ul.tblDivForm div.head {
        display:inline-block;
        float: left;
        background-color: #f6f6f6;
        border-bottom:solid 1px #d0d0d0;
        vertical-align:middle;
        text-align: center;
        font-weight:bold;
        color:#464646;
        white-space:nowrap;
        text-overflow:ellipsis;
    }

    ul.tblDivForm div.body {
        height:100%;
        display:inline-block;
        float: left;
        border-bottom:solid 1px #d0d0d0;
        vertical-align:middle;
        text-indent:1em;
        white-space:nowrap;
        text-overflow:ellipsis;
    }

    ul.tblDivForm div.body * {
        text-indent:0;
    }

    ul.tblDivForm li.row div {
        height:60px;line-height:60px;
    }

        ul.tblDivForm li.row div.head {
            width: 20%;
        }

        ul.tblDivForm li.row div.body {
            width: 80%;
        }

    ul.tblDivForm li.half {
        float:left;
        width: 50%;
    }

        ul.tblDivForm li.half div.head {
            width: 40%;
        }

        ul.tblDivForm li.half div.body {
            width: 60%;
        }

@media screen and (max-width:720px) {
    ul.tblDivForm li.half {
        width: 100%;
    }

        ul.tblDivForm li.half div.head {
            width: 20%;
        }

        ul.tblDivForm li.half div.body {
            width: 80%;
        }
}